← General Design System

Checkbox & Radio

The canonical selection-control atoms — used everywhere a checkbox or radio appears (Select items, Select menu, …). States: unchecked/checked/indeterminate · unselected/selected · error · disabled. Sizes sm · md · lg · optional label + description. Tokens only.

Checkbox

States

unchecked · checked · indeterminate · error · disabled · disabled-checked · md

Sizes & description

sm 18 · md 20 · lg 24 · 2-line description
Radio

States

unselected · selected · error · disabled · disabled-selected · md

Sizes & description

sm 18 · md 20 · lg 24 · 2-line description