Navigation
Tabs
An accessible tabbed interface. Supports roving tabindex, arrow key navigation, and a pills variant.
LlmTabGroup + LlmTabDemo
Billing content (disabled)
<LlmTabGroup selectedIndex={0}>
<LlmTab label="Account">Account settings content.</LlmTab>
<LlmTab label="Notifications">Notification preferences.</LlmTab>
<LlmTab label="Billing" disabled={true}>Billing info.</LlmTab>
</LlmTabGroup>API
| Prop | Type | Default | Description |
|---|---|---|---|
selectedIndex | number | 0 | Index of the selected tab |
onSelectedIndexChange | (index: number) => void | — | Called when selection changes |
variant | 'default' | 'pills' | 'default' | Visual style of the tab strip |
Import
import { LlmTabGroup, LlmTab } from '@atelier-ui/react';