Vertical Tabs
Side-rail tab navigation for settings pages. Tab list on the left, content panel on the right.
import
{ VerticalTabs } from "@pepulux/ui"Default
Button primary variant
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs* | VerticalTab[] | — | Array of { id, label, content, icon?, badge?, disabled? } |
| variant | "button-primary" | "button-gray" | "button-border" | "button-minimal" | "line" | "line" | Rail style |
| size | "sm" | "md" | "md" | Tab item size |
| defaultTab | string | — | ID of initially active tab |
| onChange | (id: string) => void | — | Called when active tab changes |