Component

Tabs

Layered sections of content. Supports pill and underline variants, horizontal and vertical orientations, icons and badges.

Tabsorientation: horizontal · vertical

TabsListvariant: default · line · size: default · xl

TabsTriggervalue · disabled

TabsContentvalue — rendered panel

Playground

Overview content — summary of activity and key metrics.

Variant— variant

Size— size

Orientation— orientation

Show icons— showIcons

Manage your account details and public profile.

Overview content at xl size.

Dashboard panel — line variant at xl size.

Dashboard panel

12 open issues.

Profile settings

This tab is active and accessible.

6 semantic tokens consumed by this component.

--mutedMuted

bg-mutedtext-mutedborder-muted

--muted-foregroundMuted Foreground

text-muted-foreground

--backgroundBackground

bg-background

--foregroundForeground

text-foreground

--inputInput

bg-inputborder-input

--ringRing

ring-ringring