Checkboxes, radio buttons, and switches for toggling states. Maps 1:1 to Figma node 1237:5457 — Go Flow Design System.
24 × 24 hit area · 20 × 20 visual box · radius 5 · border 1.25px outline
24 × 24 hit area · 22 × 22 visual circle · radius circular · border 1.5px on-surface-variant · selected = checkmark (not a dot)
52 × 32 pill track · thumb 16px (off) → 24px (on) · "x" icon when off, checkmark when on · border 2px outline when off
Click to toggle. All variants are interactive.
Checkboxes
Radio
Switches