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 | - |