Tabs
Navigation
macOS Segmented Control toolbar tabs with sliding active pill.
Installation
$npx shadcn-macos@latest add tabs
Examples
General system defaults and browser configurations.
Props
<Tabs />| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue | string | — | Initial active tab identifier. |
| value | string | — | Controlled active tab identifier. |
| onValueChange | (value: string) => void | — | Callback fired when active tab changes. |
| children | React.ReactNode | — | TabsList and TabsContent elements. |
<TabsTrigger />| Prop | Type | Default | Description |
|---|---|---|---|
| value* | string | — | Unique identifier matching a TabsContent value. |
| disabled | boolean | false | Whether the tab button is disabled. |