Actions & Navigation
Tabs
Tabs organize content into multiple sections and allow users to navigate between them.
Disabled#
With links#
Component props#
Tabs#
| Name | Type | Description |
|---|---|---|
| selectedKey | string | Controlled selected tab key |
| defaultSelectedKey | string | Default selected tab key |
| onSelectionChange | (key: string) => void | Called when selection changes |
Tab#
| Name | Type | Description |
|---|---|---|
| id | string | Unique tab identifier (required) |
| href | string | Makes the tab a link |
| isDisabled | boolean | Disables the tab |