Navigation

Tabs

Segment related content without changing route: docs examples, API sections, and dashboard panels.

Next: Table

Preview

Rendered component output.

Code

Install and import example.

API

Stable props for the primitive.

Axonyx

import { Tabs } from "@axonyx/ui/foundry/Tabs"
import { Tab } from "@axonyx/ui/foundry/Tab"

<Tabs defaultValue="preview">
  <Tab title="Preview" value="preview">...</Tab>
  <Tab title="Code" value="code">...</Tab>
</Tabs>

API contract

`defaultValue` selects the first tab. `Tab` owns `title`, `value`, and panel children.