The Wayback Machine - https://web.archive.org/web/20230318040925/https://github.com/uiwjs/uiw
Skip to content

uiwjs/uiw

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.

uiw LOGO

Github Actions License MIT jest Open in Gitpod
Github Releases npm version Github Stars

uiw document website

uiw

The official documentation site for uiw. A high quality UI Toolkit, A Component Library for React 16+. 💘

Installation

npm install uiw --save

You can use kkt to quickly create a react + uiw project.

npx create-kkt my-app -e uiw

You can use the uiw v1.x version. Please see here for instructions. (npx comes with npm 5.2+ and higher.)

Basic Usage

import React from "react";
import ReactDOM from "react-dom";
import { Button } from "uiw";

ReactDOM.render(
  <Button type="primary">Hello</Button>,
  document.getElementById("app")
);

Documentation

Visit the uiwjs.github.io website for more information.

Or Open in VSCode Preview :

Open in VSCode

Packages

This git repository is a repo built using Lerna. It contains several packages:

Package Version Description
uiw npm version -
@uiw/formatter npm version -
@uiw/react-affix npm version -
@uiw/react-alert npm version -
@uiw/react-avatar npm version -
@uiw/react-back-top npm version -
@uiw/react-badge npm version -
@uiw/react-breadcrumb npm version -
@uiw/react-button npm version -
@uiw/react-button-group npm version -
@uiw/react-calendar npm version -
@uiw/react-card npm version -
@uiw/react-checkbox npm version -
@uiw/react-collapse npm version -
@uiw/react-copy-to-clipboard npm version -
@uiw/react-date-input npm version -
@uiw/react-date-picker npm version -
@uiw/react-descriptions npm version -
@uiw/react-divider npm version -
@uiw/react-drawer npm version -
@uiw/react-dropdown npm version
@uiw/react-empty npm version -
@uiw/react-file-input npm version -
@uiw/react-form npm version -
@uiw/react-grid npm version -
@uiw/react-icon npm version -
@uiw/react-input npm version -
@uiw/react-layout npm version -
@uiw/react-list npm version -
@uiw/react-loader npm version -
@uiw/react-menu npm version -
@uiw/react-message npm version -
@uiw/react-modal npm version -
@uiw/react-month-picker npm version -
@uiw/react-notify npm version -
@uiw/react-overlay npm version -
@uiw/react-overlay-trigger npm version -
@uiw/react-pagination npm version -
@uiw/react-pin-code npm version -
@uiw/react-popover npm version -
@uiw/react-portal npm version -
@uiw/react-progress npm version -
@uiw/react-radio npm version -
@uiw/react-rate npm version -
@uiw/react-search-select npm version -
@uiw/react-search-tree npm version -
@uiw/react-select npm version -
@uiw/react-split npm version -
@uiw/react-slider npm version -
@uiw/react-steps npm version -
@uiw/react-switch npm version -
@uiw/react-table npm version -
@uiw/react-tabs npm version -
@uiw/react-tag npm version -
@uiw/react-textarea npm version -
@uiw/react-time-picker npm version -
@uiw/react-tooltip npm version -
@uiw/react-tree npm version -
@uiw/react-tree-checked npm version -
@uiw/utils npm version -

Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone git@github.com:uiwjs/uiw.git

Install dependencies & compile component code.

$ npm install # Install dependencies

$ npm run hoist
$ npm run build

To develop, run the self-reloading build:

# Run the app
# Restart the app automatically every time code changes.
# Useful during development.
$ npm run lib:watch
$ npm run start
$ lerna run --scope uiw watch --stream
$ lerna exec --scope @uiw/button -- tsbb types --outDir lib/esm --target ESNEXT --watch
$ lerna exec --scope @uiw/button -- tsbb watch --target react --env-name esm:dev --env-name cjs

Folders

├── LICENSE
├── README.md
├── package.json
├── website
│   ├── uiw        # Documentation website source code
└── packages
    ├── uiw        # Component library source code
    ├── react-alert
    ├── react-tree
    ├── ...
    └── react-affix

Contributors

License

Licensed under the MIT License.