# common-ui

## Components Design
为了更好进行的组件库的设计和开发，在开发之前将组件库的设计，包括组件的使用方式，传入参数等罗列在这里。

1. Button  
```jsx
<Button primary fixed disabled ></Button>
```
Props | Type | Default
----- | ---- | -------
primary | boolean | false
fixed | boolean | false
disabled | boolean | false

2. Tabs
```jsx
<TabList onTabClick={onTabClick}>
  <Tab value='foo'>Foo</Tab>
  <Tab value='bar'>Bar</Tab>
</TabList>
```
Tabs  

Props | Type | Default
----- | ---- | -------
onTabClick | function | null
value | string | name of first tab

Tab  

Props | Type | Default
----- | ---- | -------
name | string | null

3. Drawer
Drawer是一个自适应子组件的底部上拉组件。
```jsx
<Drawer open={true} onClose={() => console.log(123)}>
  <div>123</div>
</Drawer>
```
Drawer

Props | Type | Default
----- | ---- | -------
open | boolean | false
onClose | function | null