Components
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

PropTypeDefaultDescription
tabs{ value, label, content }[]Tab definitions.
defaultValuestringInitially active tab value.

Related