Zum Inhalt springen
fend-ui
Vorschau

Checkbox

Einzelne Auswahl mit optionalem Label und Beschreibung. Die ganze Zeile ist klickbar und teilt Fokusring, Druck-Feedback und Touch-Mindestfläche mit Button und Input. Das Häkchen zeichnet sich beim Anhaken, bei reduzierter Bewegung erscheint es sofort.

Zustände

Ungeprüft, geprüft, gemischt und deaktiviert. Der Fokusring und die Touch-Mindestfläche kommen aus der gemeinsamen Control-Basis.

UngeprüftGeprüftGemischtDeaktiviertDeaktiviert und geprüft

Label und Beschreibung

Mit label wird die ganze Zeile klickbar. Die Beschreibung nutzt aus Kontrastgründen text-fg-muted und bleibt für Screenreader per aria-describedby am Control.

Produkt-UpdatesNeue Funktionen und Verbesserungen, etwa einmal im Monat.SicherheitshinweiseWichtige Meldungen zu deinem Konto.

Mischzustand

indeterminate meldet aria-checked=mixed. Typisch für eine Eltern-Auswahl, bei der nur ein Teil der Kinder gewählt ist – siehe Checkbox Group.

Alle Stationen

Playground

Startzustand, Mischzustand, Beschreibung und Deaktivierung frei kombinieren.

Benachrichtigungen per E-Mail