# Kui

客集集移动端 React 组件库

[![npm](https://flat.badgen.net/npm/v/@kjy/kui?icon=npm)](https://www.npmjs.com/package/@kjy/kui)
![npm](https://flat.badgen.net/bundlephobia/minzip/@kjy/kui)
![npm](https://flat.badgen.net/npm/dm/@kjy/kui)
[![npm](https://flat.badgen.net/badge/code%20style/standard/f2a)](https://standardjs.com/)
[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://storybook.js.org/)

[在线文档](http://kui.dui88.com)

## ✨ 特性

- ✅ 20+ 高质量组件
- ✅ 90% 单元测试覆盖率
- ✅ 完善的文档和示例
- ✅ TypeScript 开发，提供完整的类型定义文件。
- ✅ 完全使用 Hooks 实现
- ✅ 支持按需引入
- ✅ 支持主题定制

## 🖥 环境支持

- 移动端浏览器
- iOS 8+，Android 4.4+
- React 16.8+

## Browsers support

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br />IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br />Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br />Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br />Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br />iOS Safari |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| IE11, Edge                                                                                                                                                                                                       | last 2 versions                                                                                                                                                                                                    | last 2 versions                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                                |

## 📦 安装

```bash
npm install @kjy/kui --save
```

```bash
yarn add @kjy/kui
```

## 🔨 示例

```jsx
import { Button } from '@kjy/kui';

import '@kjy/kui/dist/kui.css';

const App = () => <Button type="primary">Button</Button>;
```

使用[babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import)进行按需加载

```bash
npm install babel-plugin-import --save-dev
```

Via .babelrc or babel-loader.

```json
{
  "plugins": [
    [
      "import",
      {
        "libraryName": "kui",
        "style": "css" // or 'true' for less
      }
    ]
  ]
}
```

🔗 链接

[在线文档](http://kui.dui88.com)