Tabs
primitiveSwitch between related views without navigating away. Controlled or uncontrolled.
Account settings…
Installation
$pnpm dlx disenio add tabsUsage
example.tsx
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";API
| Prop | Type | Default | Description |
|---|---|---|---|
| Tabs.value | string | — | Controlled active tab. |
| Tabs.defaultValue | string | — | Uncontrolled initial tab. |
| Tabs.onValueChange | (v: string) => void | — | Fires on switch. |
| TabsTrigger.value | string | — | Identifier matching a TabsContent. |
| TabsContent.value | string | — | Renders only when Tabs.value matches. |