Component

Tabs

Accessible tab panel built on Radix UI. Keyboard navigable, ARIA roles wired automatically.

Default

Mountains, coastlines, wide open sky.

tsx

<Tabs defaultValue="landscape">
  <TabsList>
    <TabsTrigger value="landscape">Landscape</TabsTrigger>
    <TabsTrigger value="sports">Sports</TabsTrigger>
    <TabsTrigger value="portraits">Portraits</TabsTrigger>
  </TabsList>
  <TabsContent value="landscape">Mountains, coastlines...</TabsContent>
  <TabsContent value="sports">Action, motion...</TabsContent>
  <TabsContent value="portraits">People, light...</TabsContent>
</Tabs>

Props

Prop	Type	Default	Description
defaultValue	string	—	The value of the tab that is active on first render.
value	string	—	Controlled active tab value.
onValueChange	(value: string) => void	—	Called when the active tab changes.