Name	Description	Default
defaultSelectedTabId	The default tab id to be selected when the component is first rendered (uncontrolled mode) `string`	`-`
selectedTabId	The tab id to be selected (controlled mode) `string`	`-`
onSelectedTabIdChange	A function that's called when the selected tab changes (controlled mode) `((event: KeyboardEvent<HTMLButtonElement> \| MouseEvent<HTMLButtonElement, MouseEvent>, id: string) => void)`	`-`
activationType	Determine if tabs are automatically selected and their panel displayed when they receive focus. Manual activation requires user to activate tab by pressing the Space or Enter key `"manual" \| "automatic"`	`automatic`
iconPosition	Specifies the position of the icon relative to the tab label `"top" \| "start"`	`start`
showInContainer	When set to true, the tabs container has padding around the tab list and tab panel `boolean`	`true`

Name	Description	Default
previousScrollButtonProps	Props to be spread onto the previous scroll button `IconButtonOtherProps`	`-`
nextScrollButtonProps	Props to be spread onto the next scroll button `IconButtonOtherProps`	`-`
labelOverrides	Overrides for labels that have been defaulted in the component. `TabsLabelOverrides`	`-`

Name	Description	Default
id*	The unique identifier for the tab, which should match the `aria-labelledby` of the corresponding `TabPanel` `string`	`-`
onClick	A funtion that's called when the tab is clicked `MouseEventHandler<HTMLButtonElement>`	`-`
onKeyDown	A function that's called to handle keydown events on the tab `KeyboardEventHandler<HTMLButtonElement>`	`-`
icon	Icon to display next to the tab label `ReactNode`	`-`

Name	Description	Default
title	Element with text to display as the title of the tab panel `ReactElement<any, string \| JSXElementConstructor<any>>`	`-`
subtitle	Element with text to display as the subtitle of the tab panel `ReactElement<any, string \| JSXElementConstructor<any>>`	`-`
aria-labelledby*	The id of the tab that controls and is associated with the tab panel `string`	`-`