With icons
Pair an icon with text for faster scanning. The icon prop renders before the label.
Settings content
<TabsTrigger value="settings" icon={<SettingsIcon />}>
Settings
</TabsTrigger>Underline variant
Use variant="underline" for a minimal bottom-border style that suits page-level sections.
Overview content
<TabsList variant="underline">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="analytics">Analytics</TabsTrigger>
</TabsList>Disabled tab
Disabled tabs remain visible but cannot be selected. They are skipped during keyboard navigation.
Overview content
<TabsTrigger value="billing" disabled>Billing</TabsTrigger>