Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
AnimatedTabsProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs* required | AnimatedTab[] | — | — |
| value | string | — | — |
| defaultValue | string | — | — |
| onChange | (id: string) => void | — | — |
| variant | "pill" | "underline" | "pill" | "pill" fills the active tab, "underline" draws a bar below it |
Install
$ npx shadcn@latest add https://chromotion.dev/r/animated-tabs.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.