Zum Inhalt springen
fend-ui
Vorschau

Switch

Umschalter mit gleitendem Griff. Der Track teilt Fokusring, Touch-Mindestfläche und Disabled-Verhalten mit Button und Input; Ein zeigt den flachen Akzent, Aus die Track-Farbe.

Zustände

Aus, Ein, Deaktiviert und Read-only. Der Fokusring und die Touch-Mindestfläche kommen aus der gemeinsamen Control-Basis.

Aus
Ein
Deaktiviert
Read-only

Größen

sm und md nutzen feste Track-Maße; der Griff skaliert mit und bleibt mit 2 px Abstand im Track.

Klein (sm)
Mittel (md)

Mit Zustandstext

showStateLabel blendet „Ein“/„Aus“ neben dem Track ein. Der Text kommt aus dem Provider und ist für Screenreader redundant, deshalb aria-hidden.

Playground

Größe, Startzustand, Zustandstext und Deaktivierung frei kombinieren.