Toggle mit Kreuz und Haken
Der Knopf rollt beim Umschalten einmal um sich selbst und tauscht ein rotes Kreuz gegen einen Haken.
Einstellungen
Code
<label class="uv-tc"><input type="checkbox" checked><span><i><svg viewBox="0 0 24 24"><path class="x" d="M7 7l10 10M17 7L7 17"/><path class="v" d="M5 12.5l4.5 4.5L19 7.5"/></svg></i></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.
Mehr aus Schalter
Wofür du ihn nutzen kannst
Wenn ein Schalter über eine Erlaubnis entscheidet, räumen Icons jeden Zweifel aus. Dieser Toggle mit Kreuz und Haken passt zu Cookie-Einstellungen („Statistik-Cookies“), Datenschutzoptionen wie „Öffentliches Profil“ oder den E-Mail-Benachrichtigungen im Kundenkonto eines Shops. Aus ist die Schiene rot mit Kreuz. An rollt der Knopf einmal herum und zeigt einen Haken.
Rot ist ein starkes Signal und lässt harmlose Optionen schnell wie Fehler aussehen. Für etwas Beiläufiges wie „Tipps anzeigen“ wirkt ein neutraler Toggle freundlicher. Die Farbe für an folgt deiner Hauptfarbe, das Rot für aus bleibt fest.