Switch. Übersicht

Was macht die Komponente?

  • Dient zum Ein- oder Ausschalten von einzelnen Einstellungsoptionen.

Wann soll die Komponente eingesetzt werden?

  • Wenn Einstellungsoptionen ein- oder ausgeschaltet werden müssen.

Regeln

  • Darf nur zum Ein- oder Ausschalten einer Funktion verwendet werden.
  • Es sind keine Labels «ein» und «aus» zu nutzen.
  • Die Einstellungsoption muss klar benannt werden mittels einem Label links.
 Varianten

Zustände

DIe Komponente hat folgende Zustände:

  • Selected
  • Unselected
  • Disabled Selected
  • Disabled Unselected
  • Loading
  • Error (default / retry / reloading / button)

Varianten

Die Komponente hat folgende Varianten:

  • Switch
    • Selected / Unselected
  • Switch-Item
    • without icon / with icon
    • listed / boxed
    • without subtext / with subtext
    • without link / with Link

Switch

Darstellung des Switch
Darstellung des Switch

Switch-Item

Liste
Darstellung des Switch-Item in einer Liste
Darstellung des Switch-Item in einer Liste
Liste, mit Icon
Darstellung des Switch-Item in einer Liste mit Icon
Darstellung des Switch-Item in einer Liste mit Icon
Liste, mit Subtext
Darstellung des Switch-Item in einer Liste mit Subtext
Darstellung des Switch-Item in einer Liste mit Subtext
Darstellung des Switch-Item in einer Liste mit Link
Darstellung des Switch-Item in einer Liste mit Link
Boxed
Darstellung des Switch-Item in einer Box
Darstellung des Switch-Item in einer Box
Boxed, mit Icon
Darstellung des Switch-Item in einer Box mit Icon
Darstellung des Switch-Item in einer Box mit Icon
Boxed, mit Subtext
Darstellung des Switch-Item in einer Box mit Subtext
Darstellung des Switch-Item in einer Box mit Subtext
Darstellung des Switch-Item in einer Box mit Link
Darstellung des Switch-Item in einer Box mit Link

Spezifikationen

Design