Awesome
<p align="center"> <a href="http://tiny-ui.org"> <img width="200" src="https://github.com/wangdicoder/tiny-ui/blob/master/site/src/assets/logo/logo.svg"> </a> </p> <h1 align="center">Tiny UI</h1> <p align="center">A Friendly UI Component Set for React</p> <p align="center"> <a href="https://www.npmjs.com/package/tiny-ui" target="_blank"> <img src="https://img.shields.io/npm/v/tiny-ui.svg?style=flat-square"/> </a> <a href="https://travis-ci.org/wangdicoder/tiny-ui" target="_blank"> <img src="https://img.shields.io/travis/wangdicoder/tiny-ui/master?style=flat-square"> </a> <a href="https://www.npmjs.com/package/tiny-ui" target="_blank"> <img src="https://img.shields.io/npm/dm/tiny-ui.svg?style=flat-square"> </a> <a href="" target="_blank"> <img src="https://img.shields.io/bundlephobia/minzip/tiny-ui.svg?style=flat-square"> </a> <br> <a href="" target="_blank"> <img src="https://img.shields.io/static/v1?label=react&message=%3E=16.9&color=61dafb&style=flat-square"> </a> <a href="https://github.com/wangdicoder/tiny-ui/issues" target="_blank"> <img src="https://img.shields.io/github/issues/wangdicoder/tiny-ui-react.svg?style=flat-square"> </a> <a href="https://github.com/wangdicoder/tiny-ui/blob/master/LICENSE" target="_blank"> <img src="https://img.shields.io/npm/l/tiny-ui.svg?style=flat-square"> </a> </p>📦 Install
Use npm
npm install tiny-ui --save
Use yarn
yarn add tiny-ui
🔨 Quick Start
import { Button, Switch } from 'tiny-ui';
const App = () => (
<>
<Button btnType="primary">Click Me</Button>
<Switch checked/>
</>
);
And import style manually:
import 'tiny-ui/dist/styles/index.css';
🖥 Browser Support
Supports all major modern browsers.
<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /> </br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari |
---|---|---|---|---|
>=11 | >= 14 | last 2 versions | last 2 versions | last 2 versions |