跳转到内容

TabsUnstyled API

想要学习更多组件属性和 CSS API,可以查阅 React TabsUnstyled 组件的 API 文档。

导入

import TabsUnstyled from '@mui/base/TabsUnstyled';
// 或
import { TabsUnstyled } from '@mui/base';
你可以阅读这个关于最小化捆绑包的指南以了解以上二者的差异。

属性

原生(Native) 组件的属性也是可用的。

名称类型默认值描述
childrennode
The content of the component.
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
defaultValuefalse
| number
| string
The default value. Use when the component is not controlled.
direction'ltr'
| 'rtl'
'ltr'
The direction of the text.
onChangefunc
Callback invoked when new value is being set.
orientation'horizontal'
| 'vertical'
'horizontal'
The component orientation (layout flow direction).
selectionFollowsFocusboolfalse
If true the selected tab changes on focus. Otherwise it only changes on activation.
slotProps{ root?: func
| object }
{}
slots{ root?: elementType }{}
valuefalse
| number
| string
The value of the currently selected Tab. If you don't want any selected Tab, you can set this prop to false.

ref 则会被传递到根元素中。

演示项目