Layout
Tabs
An accessible tab bar with animated underline indicator and lazy-mounted panels.
Preview:1280px
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tabs | { id: string; label: string; icon?: ReactNode }[] | - | Tab definitions. |
| activeTab | string | - | Controlled active tab id. |
| onChange | (id: string) => void | - | Fired when a tab is clicked. |
| variant | 'default' | 'pill' | 'bordered' | 'default' | Visual style variant. |