uiw一个高品质的UI工具包，React 16+的组件库

uiw一个高品质的UI工具包，React 16+的组件库

React UI框架

访问GitHub主页

共477Star

详细介绍


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

Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules

Compiled component code.

$ npm install # Install dependencies
$ lerna bootstrap # Install all package dependencies
$ lerna bootstrap --scope @uiw/* # Set scope installation dependencies
$ 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 w:t:uiw
$ npm run w:ts:uiw
$ 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
└── packages        
    ├── uiw        # Component library source code
    ├── react-alert
    ├── react-tree
    ├── ...
    └── react-affix

License

Licensed under the MIT License.

推荐源码