HTML + CSSCheckboxen

Nudelholz-Checkbox

Auf einem bemehlten Holzbrett rollt das Nudelholz darüber und drückt die Teigkugel flach aus.

Einstellungen

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>Teig ausrollen</label>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Checkboxen

Alle ansehen: Checkboxen

Wofür du ihn nutzen kannst

Diese Checkbox ist ein bemehltes Holzbrett mit einer Teigkugel in der Mitte und einem Nudelholz an der Seite. Beim Abhaken rollt das Holz über das Brett, seine Maserung dreht sich mit, der Teig wird zu einer breiten, unregelmäßigen Platte ausgerollt und in der Ecke springt ein kleines Haken-Abzeichen auf. Beim Abwählen rollt alles zurück. Passt zu Back-Apps, Pizza- und Teigrezepten und Kochkurs-Checklisten.

Die Hauptfarbe ist das Haken-Abzeichen, die Zweitfarbe der Teig, so gehst du von hellem Mürbeteig zu Vollkorn oder grünem Spinatteig. Formuliere die Beschriftung als klare Aktion, wie einen Rezeptschritt.