@semon/semon-ui/README.md

<div align="center">
<img width="80" align="center" src="https://image-1256107964.cos.ap-beijing.myqcloud.com/blog/2019-02-22-logo.jpg">
</div>
<h1 align="center">Semon UI</h1>
<div align="center">

[![Build Status](https://travis-ci.org/Hoofoo-WHU/semon-ui.svg?branch=master)](https://travis-ci.org/Hoofoo-WHU/semon-ui-react)
[![License](https://img.shields.io/github/license/hoofoo-WHU/semon-ui.svg?style=flat)](LICENSE)
![David](https://img.shields.io/david/dev/hoofoo-whu/semon-ui.svg)
[![install size](https://packagephobia.now.sh/badge?p=@semon/semon-ui@0.0.2)](https://packagephobia.now.sh/result?p=@semon/semon-ui@0.0.2)
![downloads](https://img.shields.io/npm/v/@semon/semon-ui.svg)
![version](https://img.shields.io/npm/dt/@semon/semon-ui.svg)

</div>

## ✨ 介绍
一套简单的React组件库，目的是练手，不要在项目中使用

## 📦 安装
```shell
npm install @semon/semon-ui --save
```
```shell
yarn add @semon/semon-ui
```

## 🚀 开始使用
```jsx
import { Button } from '@semon/semon-ui'
ReactDOM.render(<Button />, container)
```
引入css样式：
```js
import '@semon/semon-ui/dist/index.css'
```
按需引入：
```jsx
import Button from '@semon/semon-ui/dist/Button'
import '@semon/semon-ui/dist/Button.css'
```
<!-- 使用babel-plugin-import
```js
[
  "import", 
  { 
    "libraryName": "@semon/semon-ui", 
    "libraryDirectory": "dist",
    "style": (name) => `@semon/semon-ui/dist/${name}.css`
  }
]

``` -->
## 🔗 链接
- [更新日志](CHANGELOG.md)