Tabs

Views of one thing, not navigation: default sits on surface-2, line carries the same 2px primary edge the sidebar uses for the current section.

<Tabs defaultValue="pending"><TabsList><TabsTrigger value="pending">Pending</TabsTrigger>…</TabsList><TabsContent value="pending">…</TabsContent></Tabs>

Default

Twelve orders are waiting to be shipped.

Line

Twelve orders are waiting to be shipped.

Disabled tab

Twelve orders are waiting to be shipped.

With icons

Twelve orders are waiting to be shipped.