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

[object Promise]

Switch-Item

Liste

[object Promise]

Liste, mit Icon

[object Promise]

Liste, mit Subtext

[object Promise]

[object Promise]

Boxed

[object Promise]

Boxed, mit Icon

[object Promise]

Boxed, mit Subtext

[object Promise]

[object Promise]

Spezifikationen

[object Promise]