Primitives
Tabs
Tabbed interface built on Radix Tabs.
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@pipecat-ai/voice-ui-kit";
<Tabs defaultValue="a">
<TabsList>
<TabsTrigger value="a">Tab A</TabsTrigger>
<TabsTrigger value="b">Tab B</TabsTrigger>
<TabsTrigger value="c">Tab C</TabsTrigger>
</TabsList>
<TabsContent value="a">Content A</TabsContent>
<TabsContent value="b">Content B</TabsContent>
<TabsContent value="c">Content C</TabsContent>
</Tabs>
Prop | Type | Default |
---|---|---|
Tabs? | React.ComponentProps<typeof TabsPrimitive.Root> | {} |
TabsList? | React.ComponentProps<typeof TabsPrimitive.List> | {} |
TabsTrigger? | React.ComponentProps<typeof TabsPrimitive.Trigger> | {} |
TabsContent? | React.ComponentProps<typeof TabsPrimitive.Content> | {} |