An 18px box with a 3px radius inside a 40px target, for a choice confirmed by a button.
Rules
- The whole row (box and label) is clickable.
- The check is drawn (stroke-dashoffset, 250 ms, --ease-decel).
- For an immediate effect, use a Switch instead.
Selection
Checkbox
An 18px box inside a 40px target, for a choice confirmed by a button.
Live preview
Reference specimen. Example copy comes from the Pelote specs and is in French.ExpressiveRéférence
UX / UIRègles illustrées
À faire
À éviter
Libellé séparé
Variante M3EMême composant, mêmes rôles, autre matière
PlazaWii U / 3DS
ProtéinesFibres
Plaza remplace la case par une pilule cochable, plus tactile.
ChromeY2K
ProtéinesFibres
Chrome garde la même logique que les chips.
Reference specimen. Example copy comes from the Pelote specs and is in French.