HTML + CSSCases à cocher

Case à cocher rouleau à pâtisserie

Sur une planche farinée, le rouleau passe en roulant et aplatit la boule de pâte jusqu'à l'étaler.

Réglages

16px
1x

Code

<label class="uvq02-rol"><input type="checkbox"><span class="bd" aria-hidden="true"><i class="dg"></i><span class="pn"></span><span class="ok"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span></span>Étaler la pâte</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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Cases à cocher

Voir tout : Cases à cocher

Où l’utiliser

Cette case à cocher est une planche en bois farinée avec une boule de pâte au centre et un rouleau à pâtisserie posé sur le côté. En la cochant, le rouleau traverse la planche en faisant tourner son veinage, aplatit la pâte en une abaisse large et irrégulière et fait apparaître un petit badge avec une coche dans le coin. Elle convient aux applis de pâtisserie.

La couleur principale est le badge de la coche et la secondaire la pâte : d'une pâte claire à une pâte complète ou verte aux épinards. Garde un libellé d'action clair, comme une étape de recette.