Tabs
Horizontal tabbed content.
import { Tabs } from '@ybouhjira/hyperkit';#Playground
Edit the code — the preview recompiles and re-renders as you type.
Loading preview…
#Props
| Prop | Type | Default | Description |
|---|---|---|---|
items * | TabItem[] | — | Array of tab items. |
value | string | — | Controlled active tab value. |
onChange | (value: string) => void | — | Callback when active tab changes. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Tab orientation. |
class | string | — | Additional CSS classes. |
* required prop.
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-accent--sk-border--sk-duration-fast--sk-font-size-base--sk-radius-md--sk-space-md--sk-space-sm--sk-space-xs--sk-text-muted--sk-text-primary