組件庫設計

1. 功能

1. 導航和佈局

Tab Tabs

Menu MenuGroup SubMenu OptionMenu

Card CardGroup

 

2. 數據載體

ListItem List

Table

Collpase 

Badge

 

3. 對話框

Modal

Toast (Warning Info Error)

 

4. 用戶交互

From InputControl InputHelperText

Input(number, password, text, tag)

Checkbox checkboxGroup

Option OptionGroup

Select TagSelect 

Upload

Range

DatePicker

ColoPicker

 

5. 基本

Icon

Button

Text Info Action Link Warning Title (Heading)

 

6. 圖表

Progress

Histogram

 

2. 樣式

1. 居中 垂直 水平 絕對垂直 絕對水平（相對父元素，相對根元素)

2. 浮動

3. 列表 左右對應

4. 瀑布流（功能）

5. 自適應高度，自適應寬度