Tabs
Switches between related views in the same context. The active tab gets an accent underline and stronger text; the bar sits on a 1px divider.
Tab bar
Showing overview. Use ← → to move between tabs.
<Tabs value={tab} onChange={setTab} items={[
{ id: "overview", label: "Overview" },
{ id: "billing", label: "Billing", disabled: true },
]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { id, label, disabled? }[] | — | Tabs. |
value | string | — | Active tab id. |
onChange | (id) => void | — | Selection handler. |
Usage
Do
- Use for peer views in the same context.
Don't
- Use for sequential steps — use a Stepper.