TabsUnstyled API
API documentation for the React TabsUnstyled component. Learn about the available props and the CSS API.
Import
import TabsUnstyled from '@mui/base/TabsUnstyled';
// or
import { TabsUnstyled } from '@mui/base';Props
Props of the native component are also available.
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | The content of the component. | |
| component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
| components | { Root?: elementType } | {} | The components used for each slot inside the Tabs. Either a string to use a HTML element or a component. |
| componentsProps | { root?: object } | {} | The props used for each slot inside the Tabs. |
| defaultValue | false | number | string | The default value. Use when the component is not controlled. | |
| direction | 'ltr' | 'rtl' | 'ltr' | The direction of the text. |
| onChange | func | Callback invoked when new value is being set. | |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | The component orientation (layout flow direction). |
| selectionFollowsFocus | bool | false | If true the selected tab changes on focus. Otherwise it only changes on activation. |
| value | false | number | string | The value of the currently selected Tab. If you don't want any selected Tab, you can set this prop to false. |
The
ref is forwarded to the root element.