All components
Navigation
Tabs
Squared tabs with a yellow underline keyline marking the active tab.
Preview
Preview
light
The overview tab content.
dark
The overview tab content.
Code
<Tabs tabs={[
{ value: "a", label: "Overview", content: <p>…</p> },
{ value: "b", label: "Specs", content: <p>…</p> },
]} />Import from @/components/ui.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tabs | { value, label, content }[] | — | Tab definitions. |
defaultValue | string | — | Initially active tab value. |