Segmented control

A compact group of mutually-exclusive options rendered as rounded-square buttons — icon-only, text, or both. The active option fills with the brand action colour (terracotta). Use it for view switches (list / panel), density toggles, and small either/or choices on a toolbar row.

Chrome only — render whatever the selected value controls yourself. Every option needs a label (used as the aria-label and tooltip) so icon-only segments still name themselves to assistive tech. Controlled and uncontrolled, mirroring Tabs.