Tabs
Tabs organize content into multiple sections and allow users to navigate between them.
One
Two
Three
Content for tab one.
Disabled
One
Two
Three
Content for tab one.
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 |