HTML + CSSCases à cocher
Tâche barrée
Une ligne de liste de tâches : cocher le cercle barre le texte et l'estompe.
Réglages
16px
1x
Code
<label class="uv-ct"><input type="checkbox"><span><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span><em>Acheter du lait</em></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
C'est la case à cocher de to-do list que tout le monde connaît : on coche le cercle, un trait barre la tâche et le texte s'efface un peu. Elle convient à une appli de liste de courses, à la checklist d'une organisatrice de mariages, aux ingrédients d'une recette qu'on suit en cuisinant ou aux tâches d'un petit tableau de projet.
Gardez chaque tâche sur une seule ligne : le trait passe au milieu du texte, et un libellé sur deux lignes ne serait barré qu'à moitié. Empilez plusieurs lignes avec un petit espace et la liste est prête.