#header-mark#
Tabs 标签页
分隔内容上有关联但属于不同类别的数据集合。
基础用法
基础的、简洁的标签页。
通过设置 selected_index 属性 或 v-model 绑定的变量值来指定当前选中的标签页。
如果设置为 None 将关闭所有标签页。
Tabs API
Tabs 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model/selected_index | 绑定值，选中标签页的索引值 | int | — |
| style | 自定义css样式 | str | - |
TIP
style 支持的其它css属性
Sizes相关
- height
- width
- max_height
- max_width
- min_height
- min_width
Display相关
- visibility
- display
- overflow
Box model相关
- border
- margin
- padding
Positioning相关
- top
- left
- bottom
- right
Tabs Slots
| 插槽名 | 说明 | 子标签 |
|---|---|---|
| default | 自定义默认内容 | Accordion Item |
Tabs 方法
| 属性名 | 说明 | 类型 |
|---|
TabPane API
TabPane 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标签页标题 | str | — |
TabPane Slots
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |
src/examples/ipywui/component/tabs