Aufgabe zum Durchstreichen
Eine To-do-Zeile: Hakst du den Kreis ab, streicht eine Linie den Text durch und blendet ihn ab.
Einstellungen
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>Milch kaufen</em></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.
Mehr aus Checkboxen
Wofür du ihn nutzen kannst
Das ist die bekannte To-do-Checkbox: Kreis abhaken, eine Linie streicht die Aufgabe durch und der Text wird blasser. Sie passt zu einer Einkaufslisten-App, zur Checkliste einer Hochzeitsplanerin, zu den Zutaten eines Rezepts, das man gerade nachkocht, oder zu den Aufgaben eines kleinen Projektboards. Die ganze Zeile ist klickbar und damit leicht zu treffen.
Halte jede Aufgabe auf einer Zeile. Die Linie läuft durch die Mitte des Textes, ein umbrechender Eintrag wäre nur halb durchgestrichen. Stapel mehrere Zeilen mit etwas Abstand, und die Liste steht.