Switch between tabbed panels

At a glanceCopy Anchor Link

• Who: Developers grouping related panels under one heading.
• What: Accessible tabs (list, triggers, content panels).
• Use when: For sibling views that share context (settings groups, code variants).
• Avoid when: For sequential steps — use WizardSteps instead.
• See also: Guide a multi-step flow with selectable option cards

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@zedtech/zedkit-ui";
<Tabs defaultValue="one"><TabsList>
<TabsTrigger value="one">First</TabsTrigger>
</TabsList><TabsContent value="one">First panel.</TabsContent></Tabs>

Wraps: @radix-ui/react-tabs