dp-common-ui

Common UI components.

Usage no npm install needed!

<script type="module">
  import dpCommonUi from 'https://cdn.skypack.dev/dp-common-ui';
</script>

README

common-ui

Components Design

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

  1. Button
<Button primary fixed disabled ></Button>
Props Type Default
primary boolean false
fixed boolean false
disabled boolean false
  1. 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
  1. Drawer Drawer是一个自适应子组件的底部上拉组件。
<Drawer open={true} onClose={() => console.log(123)}>
  <div>123</div>
</Drawer>

Drawer

Props Type Default
open boolean false
onClose function null