Tabs / 选项卡

显示选项卡的内容。

选项卡组件包含额外的 Hooks，详情请参阅 useTabs 小节。

基础的

切换显示不同的内容。

禁用

隐藏分割线

隐藏边框

图标

在选项卡的标签上显示图标组件。

命令式

以命令式的风格控制选项卡组件。

APIs / 接口文档

Tabs.Props

属性描述类型推荐值默认
initialValue初始值string--
value设定当前选项string--
hideDivider隐藏默认分割线boolean-false
hideBorder隐藏激活时的边框boolean-false
leftSpace左侧空白区域宽度CSSProperties-12px
onChange选项卡切换事件(val: string) => void--
align每个子项的横向对齐方式justifyContent-left
activeClassName激活子项的类名string--
activeStyles激活子项的样式内容object--
hoverHeightRatio高亮块与组件的高度比number-0.7
hoverWidthRatio高亮块与组件的宽度比number-1.15
...原生属性HTMLAttributes'alt', 'id', 'className', ...-

Tabs.Item.Props[别名: Tabs.Tab]

属性描述类型推荐值默认
label(必须的)选项卡标签文字string--
value(必须的)唯一鉴别值string--
disabled禁用当前选项卡boolean-false
Add