Tabs
File-tab style tabs — pastel blue/lilac inactive, lemon yellow active, with a thick navy separator and crisp corners.
tabs-demo.app
Installation
terminal.sh
npx y2kui@latest add tabsUsage
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";Props
| Prop | Type | Default | Description |
|---|---|---|---|
defaultValue | string | — | Initial active tab (uncontrolled). |
value | string | — | Controlled active tab. |
onValueChange | (value: string) => void | — | Fired when the active tab changes. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction of the tab list. |