Tabs

A compound component for switching between related panels of content, with a sliding active-tab indicator.

Installation

npx dafink-ui add tabs

Demo

Manage your account settings and preferences.

Composition

<Tabs>
<TabsList>
<TabsTrigger />
</TabsList>
<TabsContent />
</Tabs>

Props

NameTypeDefaultDescription
valuestring-The currently active tab value (controlled).
onValueChange(v: string) => void-Called when the user activates a different tab.
classNamestring""Additional classes on the root wrapper div.