Tabs
Switch between related views.
Basic
Simple tabbed interface
Content 1
Disabled Tab
Disable a tab trigger
Content 1
Tabs Props
| Name | Type | Default | Description |
|---|---|---|---|
defaultValue required | string | - | Default active tab |
children required | React.ReactNode | - | Tab components |
className | string | '' | Additional CSS classes |
TabsList Props
| Name | Type | Default | Description |
|---|---|---|---|
children required | React.ReactNode | - | Tab triggers |
className | string | '' | Additional CSS classes |
TabsTrigger Props
| Name | Type | Default | Description |
|---|---|---|---|
value required | string | - | Value of the tab |
children required | React.ReactNode | - | Trigger label |
className | string | '' | CSS class for trigger |
classNameActive | string | '' | CSS class for active state |
disabled | boolean | false | Disable the tab |
TabsContent Props
| Name | Type | Default | Description |
|---|---|---|---|
value required | string | - | Associated tab value |
children required | React.ReactNode | - | Content for the tab |
className | string | '' | Additional CSS classes |