Skip to content

Doc in progress · component Built in Figma

Controls

Controls are the small on/off and pick-one pieces: switch, checkbox, radio, segmented. They ride native Material 3. So this page is deliberately thin. We document our tokens and when to pick which; Material handles the rest.

  • Switch: toggle a setting on or off, effect is immediate.
  • Checkbox: pick zero or more from a list.
  • Radio: pick exactly one from a short list.
  • Segmented: switch between a few mutually exclusive views.

Thin doc by design (native per ADR-011). To document. Which token colours the selected state, and the one-line “switch vs checkbox vs radio” decision. Everything else links out to Material 3.