Uiw

<p align="center"> <a href="https://uiwjs.github.io"> <img alt="uiw LOGO" width="150" src="https://raw.githubusercontent.com/uiwjs/uiw/92f189f53312f1177466f48991736f95f86da0a6/src/assets/logo-README.svg?sanitize=true"> </a> </p> <p align="center"> <a href="https://jaywcjlove.github.io/#/sponsor"> <img alt="Buy me a coffee" src="https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee"> </a> <a href="https://github.com/uiwjs/uiw/actions"> <img alt="Github Actions" src="https://github.com/uiwjs/uiw/actions/workflows/deploy.yml/badge.svg"> </a> <a href="https://github.com/uiwjs/uiw"> <img alt="License MIT" src="https://img.shields.io/dub/l/vibe-d.svg"> </a> <a href="https://github.com/facebook/jest"> <img alt="jest" src="https://jestjs.io/img/jest-badge.svg"> </a> <a href="https://gitpod.io/#https://github.com/uiwjs/uiw"> <img alt="Open in Gitpod" src="https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod"> </a> <br> <a href="https://github.com/uiwjs/uiw/releases"> <img alt="Github Releases" src="https://img.shields.io/github/release/uiwjs/uiw.svg"> </a> <a href="https://www.npmjs.com/package/uiw"> <img alt="npm version" src="https://img.shields.io/npm/v/uiw.svg"> </a> <a href="https://github.com/uiwjs/uiw/stargazers"> <img alt="Github Stars" src="https://img.shields.io/github/stars/uiwjs/uiw.svg"> </a> </p> <p align="center"> <a href="https://uiwjs.github.io"><img alt="uiw document website" src="https://raw.githubusercontent.com/uiwjs/uiw/92f189f53312f1177466f48991736f95f86da0a6/src/assets/uiw-doc.png" /></a> </p>

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 :

Packages

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

Package | Downloads | Version | Description ----- | ----- | ----- | ----- uiw | | | - @uiw/react-affix | | | - @uiw/react-alert | | | - @uiw/react-avatar | | | - @uiw/react-back-top | | | - @uiw/react-badge | | | - @uiw/react-breadcrumb | | | - @uiw/react-button | | | - @uiw/react-button-group | | | - @uiw/react-calendar | | | - @uiw/react-card | | | - @uiw/react-checkbox | | | - @uiw/react-collapse | | | - @uiw/react-copy-to-clipboard | | | - @uiw/react-date-input | | | - @uiw/react-date-picker | | | - @uiw/react-descriptions | | | - @uiw/react-divider | | | - @uiw/react-drawer | | | - @uiw/react-dropdown | | @uiw/react-empty | | [![npm version](https://img.shields.io/npm/v/@uiw/react-empty.svg?max