Tabs (opens new window)

分隔内容上有关联但属于不同类别的数据集合。

# 基础用法

基础的、简洁的标签页。

Tabs 组件提供了选项卡功能,默认选中第一个标签页,你也可以通过 value 属性来指定当前选中的标签页。

配置管理

# 选项卡样式

选项卡样式的标签页。

只需要设置 type 属性为 card 就可以使选项卡改变为标签风格。

用户管理

# 卡片化

卡片化的标签页。

type设置为border-card

# 位置

可以通过 tab-position 设置标签的位置

标签一共有四个方向的设置 tabPosition="left|right|top|bottom"

# 动态增减标签页

增减标签页按钮只能在选项卡样式的标签页下使用

Tab 2 content