common-ui

Components Design

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

1. Button

<Button primary fixed disabled ></Button>

Props | Type | Default ----- | ---- | ------- primary | boolean | false fixed | boolean | false disabled | boolean | false

2. Tabs

<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是一个自适应子组件的底部上拉组件。

<Drawer open={true} onClose={() => console.log(123)}>
  <div>123</div>
</Drawer>

Drawer

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