Tabs
Live example
Tabs
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/tabs.jsonAPI reference
These are the main Tabs options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
value / defaultValue | string | — |
orientation | horizontal | vertical | horizontal |
value | string (Tab / TabPanel) | — |
Active tab
Use value and onValueChange for a controlled active tab, or defaultValue. Tab values must match their panels. Keep labels concise and use the orientation that matches your visual layout. Arrow keys move within the tab list.