Case à cocher ronde
Une case ronde qui se remplit depuis le centre, puis fait apparaître une coche blanche avec un petit rebond.
Réglages
Code
<label class="uv-cc"><input type="checkbox" checked><span><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Se souvenir de moi</label>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cases à cocher
Où l’utiliser
Les cases rondes paraissent plus douces et plus proches du mobile que les carrées. Celle-ci fonctionne bien pour « Se souvenir de moi » sous un formulaire de connexion, pour choisir ses garnitures dans une appli de commande de pizzas ou pour marquer les leçons vues d'une formation. La couleur s'étend depuis le centre comme une goutte d'encre.
Un cercle est souvent pris pour un bouton radio, qui n'autorise qu'un seul choix. Utilisez ce style pour une case isolée comme « Se souvenir de moi », ou dans des listes où le texte indique clairement qu'on peut en cocher plusieurs.