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. | |
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. |
slotProps | { root?: func | object } | {} | The props used for each slot inside the Tabs. |
slots | { root?: elementType } | {} | The components used for each slot inside the Tabs. Either a string to use a HTML element or a component. |
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.