check_boxSélection
Checkbox
Case de 18px dans une cible de 40px, pour un choix validé par un bouton.
Aperçu en direct
Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.
ExpressiveRéférence
UX / UIRègles illustrées
check_circleÀ faire
Cible de 40px, libellé inclus.cancelÀ éviter
Libellé séparé
Case native minuscule, libellé non cliquable et éloigné.Variante M3EMême composant, mêmes rôles, autre matière
PlazaWii U / 3DS
checkProtéinesFibres
Plaza remplace la case par une pilule cochable, plus tactile.
ChromeY2K
ProtéinesFibres
Chrome garde la même logique que les chips.
infoSpécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.
Case 18px à rayon 3px dans une cible de 40px, pour un choix qui sera validé par un bouton.
Règles
- Toute la ligne (case + libellé) est cliquable.
- La coche se dessine (stroke-dashoffset, 250 ms,
--ease-decel).
- Pour un effet immédiat, préférer Switch.