Tabs API
Tabs is a client-only primitive for switching related panels while keeping markup small and predictable.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- TabsPanel switching examples for previews, code, and dashboards.
Preview
Preview panel
Tabs switch compact content without leaving the page.
Import
import { TabList, TabPanel, Tabs, TabTrigger } from "@axonyx/react/client";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue | string | required | Panel value selected on first render. |
| value | string | required on TabTrigger and TabPanel | Stable value that connects trigger and panel. |
| children | ReactNode | required | Tab list, triggers, and panels. |
CSS contract
.ax-tabs .ax-tabs__list .ax-tabs__trigger .ax-tab__panel [data-active]
Client island
Import Tabs from the client entry so the default server-safe package stays lightweight.