Components / Tabs

Tabs

Switching between peer views inside one surface: Live Posts and Schedule, Preview and Details. For route-linked navigation use NavTabs.

import { Tabs, TabsList, TabsTrigger, TabsContent } from '@layers/ui/tabs'

Rendered stock

House rules

• TabsList has a custom size variant: "default" is 36px and "sm" is 32px. Toolbars use size="sm" like every 32px toolbar control.
• View toggles use text labels, not icons, when the distinction is not obvious from an icon alone.
• Tabs is for in-place view switching; tabs that navigate routes are NavTabs.