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 . |