useTabsList API
Demos
For examples and details on the usage of this React hook, visit the demo pages:
Import
import useTabsList from '@mui/base/useTabsList';Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| ref* | React.Ref<unknown> | ||
| aria-label | string | ||
| aria-labelledby | string | ||
| children | React.ReactNode | The content of the component. |
Return value
| Name | Type | Default | Description |
|---|---|---|---|
| getRootProps | <TOther extends Record<string, any> = {}>(externalProps?: TOther) => UseTabsListRootSlotProps<TOther> | Resolver for the root slot's props. | |
| isRtl | boolean | false | If true, it will indicate that the text's direction in right-to-left. |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | The component orientation (layout flow direction). |
| processChildren | () => React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | null | undefined | Callback for processing the children of the tabs list. It adds the necessary attributes for correct a11y and navigation. | |
| value | string | number | false | The value of the currently selected Tab. |