Auge, das sich öffnet
Ein geschlossenes Auge mit Wimpern, das sich öffnet und zur Seite schaut, wenn die Option aktiv ist.
Einstellungen
Code
<label class="uv-cey"><input type="checkbox"><span class="bx"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><g class="sh"><path d="M3 11c2.5 3.2 5.5 4.8 9 4.8s6.5-1.6 9-4.8"/><path d="M6.2 14l-1.4 2M12 15.8v2.3M17.8 14l1.4 2"/></g><g class="op"><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z"/><circle class="pu" cx="12" cy="12" r="3" fill="currentColor" stroke="none"/></g></svg></span>Profil für alle sichtbar</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
Sichtbarkeitseinstellungen verdienen ein Symbol, das zeigt, was sie tun. Diese Checkbox zeigt ein schlafendes Auge, solange die Option aus ist, und öffnet es sanft, sobald sie an ist. Danach blickt die Pupille ab und zu nach links und rechts. Passt zu Datenschutz-Panels, Profilsichtbarkeit, Passwort anzeigen und Freigaben geteilter Dokumente.
Weil die native Checkbox erhalten bleibt, kann das Label genau sagen, was sich ändert, etwa wer ein Profil sieht. Bei reduzierter Bewegung öffnet sich das Auge ohne Seitenblicke, der Zustand bleibt klar.