Tabs
Tab Group — primary (underline) or secondary (contained) tablist. Tab Item is an internal building block.
⌥-click (Option/Alt) nested elements to edit their props
Appearance
Value
Accessibility
Props — Tabs
View MUI docs| Prop | Type | Description |
|---|---|---|
type | "primary" | "secondary" | primary = underline; secondary = contained. |
size | "large" | "medium" | "small" | "extraSmall" | Control height. Default medium (40). |
items | TabsItem[] | Tab definitions passed to the group. |
value | string | Controlled selected tab value. |
defaultValue | string | Initial selected tab (uncontrolled). |
onChange | (value: string) => void | Called when selection changes. |
onItemDismiss | (value: string) => void | Called when a dismissible tab is closed. |
aria-label | string | Accessible name for the tablist. |
Props — Tab Item
| Prop | Type | Description |
|---|---|---|
value | string | Unique tab identifier. |
label | ReactNode | Tab label text. |
startIconName | FaIconName | Leading icon. |
endIconName | FaIconName | Trailing icon. |
iconOnly | boolean | Hide label visually; requires aria-label. |
dismissible | boolean | Show close control on this tab. |
disabled | boolean | Disables this tab. |
aria-label | string | Required when iconOnly is true. |