# React-icecream

Qiniu Icecream Design for React.

## Permanent-Online-Website

http://icecream-v2.jfcs-k8s-qa1.qiniu.io/

## Install

```shell
yarn add react-icecream
```

## Usage

从根结点导出

```ts
import { Button } from 'react-icecream'

function App() {
  return (
    <Button>content</Button>
  )
}
```

## Principles

+ 不使用改变组件内部布局的 style
+ 不继承原生组件的 props，改为用 rootHtmlProps 的方式实现
+ rootHtmlProps 的 className、style、onChange、onClick 等等需要被 merge，而不是替换
+ 大部分组件都是通过间距来控制高度的，因此和设计稿有 2px 误差，设计稿必须把边框设计为内边框
+ 没有固定的公式计算 line-height，可以用 `setIcecreamFontSize` 设置字号的同时帮助设置行高

## Develop

### Build

```shell
yarn build
```

### Test

```shell
yarn test
```

### Start Dumi

```shell
yarn dev
```