Imagine ArtTabs
View in FigmaOrganizes content into switchable panels, allowing users to navigate between related views.
NavigationImport
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue | string | — | Initially active tab value. |
| value | string | — | Controlled active tab value. |
| onValueChange | (value: string) => void | — | Callback when the active tab changes. |
| variant | "primary" | "secondary" | "brand" | "primary" | Visual style of the tab triggers. |
| size | "sm" | "md" | "lg" | "md" | Tab trigger size. |