Case dessinée à la main
Une case au trait tremblé où la coche est griffonnée et le libellé souligné au stylo.
Réglages
Code
<label class="uv-csc"><input type="checkbox"><span class="bx"><svg viewBox="0 0 40 40" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path class="sq" d="M6.5 7.8c8.6-1.1 17.9-1.6 26.6-.4.9 8.5 1 17.4.2 25.9-8.8.7-17.7.9-26.4.1C6 24.8 6.2 16.2 6.9 7.6"/><path class="ck" pathLength="1" d="M9 20.5c2.4 1.7 4.6 4.4 6.4 7.6 1.2-4.4 6.2-14.6 17.3-24.5M13.5 24.6c1.3.7 2.4 1.9 3 3"/></svg></span><span class="tx">Acheter du pain<svg viewBox="0 0 100 10" preserveAspectRatio="none" aria-hidden="true"><path pathLength="1" d="M2 6c18-3 36-3 54-1s30 1 42-2"/></svg></span></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
Voir tout : Cases à cocherOù l’utiliser
Toutes les interfaces n'ont pas à paraître faites à la machine. Cette case dessine son cadre avec un tracé irrégulier, comme dans un carnet, griffonne ensuite une coche d'un double trait rapide et souligne le libellé d'une ligne de stylo un peu lâche. Elle convient aux listes de courses, aux applis de journal, aux outils pour la classe et aux marques à la personnalité manuscrite.
Le bleu encre est la couleur par défaut, comme un stylo bille, et la couleur secondaire règle le soulignement. Les traits sont des chemins SVG animés, nets à toutes les tailles et sans JavaScript.