Tabs 标签页

用于在同一区域内切换多组相关内容。

变体

禁用

尺寸

自定义内容

垂直排列

可关闭

销毁时机

API

Tabs Props

继承自 Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>

属性名	描述	类型	默认值
children	标签列表和面板内容。	ReactNode	-
value	受控选中值。	T	-
defaultValue	默认选中值。	T	-
onChange	选中值变化回调。	(value: T) => void	-
variant	视觉样式。	'line' | 'card'	-
size	尺寸。	'small' | 'medium' | 'large'	-
orientation	排列方向。	'horizontal' | 'vertical'	-
activation	键盘焦点移动时的激活方式。	'auto' | 'manual'	-
disabled	整组禁用状态。	boolean	-
closable	组内默认可关闭状态。	boolean	-
onClose	关闭按钮点击回调，不会自动移除标签。	(value: T, evt: MouseEvent<HTMLButtonElement>) => void	-
destroyOnInactive	卸载非激活面板。	boolean	-

Tabs.List Props

继承自 HTMLAttributes<HTMLDivElement>

属性名	描述	类型	默认值
children	标签项。	ReactNode	-

Tabs.Panel Props

继承自 HTMLAttributes<HTMLDivElement>

属性名	描述	类型	默认值
value*	面板对应的标签值。	T	-
children	面板内容。	ReactNode	-

Tabs.Tab Props

继承自 Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>

属性名	描述	类型	默认值
value*	标签值。	T	-
disabled	禁用状态。	boolean	-
closable	覆盖当前标签的可关闭状态。	boolean	-
children	标签内容。	ReactNode	-