Checkbox aus Milchglas
Eine Milchglas-Kachel über einer kleinen Farbkugel, die beim Anhaken wächst, sich dreht und leuchtet.
Einstellungen
Code
<label class="uv-cgl"><input type="checkbox"><span class="bx"><i aria-hidden="true"></i><span class="gs"><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>Fotos synchronisieren</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
Alle ansehen: CheckboxenWofür du ihn nutzen kannst
Glas braucht etwas dahinter, das es brechen kann, also bringt diese Checkbox es selbst mit: Eine Kugel mit konischem Verlauf liegt unter einer mattierten Kachel mit feinen Lichtkanten. Beim Anhaken gleitet die Kugel, dreht sich und leuchtet durch das Glas, oben zeichnet sich ein weißer Haken. Passt zu Sync-Einstellungen, Cloud-Backups und modernen Systemeinstellungen.
Der Unschärferegler reicht von klar bis stark mattiert, die zwei Farben bestimmen die Kugel. Browser ohne backdrop-filter zeigen trotzdem eine getönte Kachel mit Haken, der Zustand bleibt sichtbar.