Tabs
Underline and pill tabs with a sliding indicator and roving-tabindex arrow-key navigation.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TabsProps
Also accepts all props of Omit<React.ComponentProps<"div">, "defaultValue" | "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | TabItem[] | — | — |
| variant | "underline" | "pill" | "underline" | — |
| defaultValue | string | — | — |
| value | string | — | Controlled value |
| onValueChange | (value: string) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/tabs.json