Tabs

Design.md

Changed from stock (Design.md §3.9, §3.10). Two looks: - default = SegmentedControls: a grey track (radius 8, 2px padding, 32 tall), the active segment white with a subtle shadow, inactive labels muted. - line = the Submenu / record tabs: 48 tall, a divider edge to edge, items 16 apart, the active label Primary with a 2px Primary underline on the divider.

npx shadcn@latest add @su/tabsComponent tokens:--segmented-height-md--segmented-padding--segmented-radius--tabs-height

Segmented (default)

SegmentedControls (§3.9): up to five short sections of a page, a second level of views.

Three things to finish this week.

variant="line"

Submenu and record tabs (§3.10): 48 tall, Primary label with a 2px underline on the divider.

Programme details.