Design language

Tabs

Every model runs inside a sealed enclave. Prompts and replies are encrypted end to end.
Variant
UnderlinePillHeading
Size
MdSmLg
Orientation
HorizontalVertical
State
Code
import { Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab } from '@/ui/tabs';

<Tabs defaultValue="overview">
    <TabsList aria-label="Product">
        <TabsTab value="overview">Overview</TabsTab>
        <TabsTab value="models">Models</TabsTab>
        <TabsTab value="pricing">Pricing</TabsTab>
        <TabsTab value="api">API</TabsTab>
        <TabsIndicator />
    </TabsList>
    <TabsPanel value="overview">…</TabsPanel>
    <TabsPanel value="models">…</TabsPanel>
    <TabsPanel value="pricing">…</TabsPanel>
    <TabsPanel value="api">…</TabsPanel>
</Tabs>