HTML + CSSCheckboxen

Textmarker-Checkbox

Auf einer linierten Heftseite zieht das Abhaken einen Leuchtmarker-Strich hinter den Satz.

Einstellungen

16px
1x

Code

<label class="uvq02-hil"><input type="checkbox"><span class="bx"><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 class="tx">Kapitel 4 wiederholen</span></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 liegt auf liniertem Heftpapier mit rotem Rand. Beim Abhaken wird der Haken mit Kuli gezeichnet, und ein Leuchtmarker-Strich zieht hinter der Beschriftung durch, leicht schräg und mit unregelmäßigen Enden, so wie ein echter Marker aufsetzt. Beim Überfahren lugt die Spitze hervor. Passt zu Lernplanern, Leselisten, Wiederholungs-Apps und Notiz-Tools.

Die Hauptfarbe ist die Markerfarbe, von Limette bis Pink oder Orange, die Zweitfarbe der Kuli für Kästchen und Haken. Halte Beschriftungen einzeilig, denn der Strich folgt einer einzigen Textzeile.