<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>
  <a href="https://david-dm.org/wangdicoder/tiny-ui" target="_blank">
    <img src="https://david-dm.org/wangdicoder/tiny-ui/status.svg?style=flat-square"/>
  </a>
  <a href="https://david-dm.org/wangdicoder/tiny-ui?type=dev" target="_blank">
    <img src="https://david-dm.org/wangdicoder/tiny-ui/dev-status.svg?style=flat-square"/>
  </a>
</p>


## 📦 Install

Use npm

```bash
npm install tiny-ui --save
```

Use yarn

```bash
yarn add tiny-ui
```

## 🔨 Quick Start

```js
import { Button, Switch } from 'tiny-ui';

const App = () => (
  <>
    <Button btnType="primary">Click Me</Button>
    <Switch checked/>
  </>
);
```

And import style manually:

```js
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                                                                                                                                           |


## 🔗 Links

- [Home page](https://tiny-ui.dev)
