0.0.1 • Published 6 years ago
@alicd/crui-card-tab v0.0.1
category: Components type: tab component: Basic chinese: 卡片选项卡
english: CNCardTab
卡片类型tab组件，平铺整行展示。
规则
- 定义的tab会将整行进行分配，方便在tab卡片中自定义内容。
API
CNCardTab
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| activeKey | 当前激活 tab 面板的 key | string/number | - |
| defaultActiveKey | 初始化选中面板的 key | string/number | - |
| lazyLoad | 是否延迟渲染好所有 Panel 的内容 | boolean | true |
| unmountInactiveTabs | 是否自动卸载未处于激活状态的选项卡内容 | boolean | false |
| onlyShow | 是否仅做展示用 | boolean | false |
| className | 自定义样式类 | string | - |
| style | 自定义内联样式 | object | - |
| navClassName | 自定义导航条样式类 | string | - |
| navStyle | 自定义导航条内联样式 | object | - |
| contentClassName | 自定义内容区样式类 | string | - |
| contentStyle | 自定义内容内联样式 | object | - |
| span | 将一行分成几份(参考grid中的栅格)可选值:1,2,3...23,24 | string/number | - |
| onChange | 选项卡发生切换时的事件回调Function(key: String) => void参数key:改变后的 key | function | - |
| onClick | 点击单个选项卡时触发的回调Function(key: String) => void参数key:点击的key | function | - |
CNCardTab.Panel
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| tab | 选项卡渲染的内容 | ReactNode | - |
| key | 每个选项卡的唯一标识 | string/number | - |
| span | 单独tab所占的列宽，同CNCardTab中的span，会覆盖整体定义的span | string/number | - |
| tabClassName | 自定义每个tab的样式类 | string | - |
| tabStyle | 自定义每个tab的内联样式 | object | - |
0.0.1
6 years ago