Navigieren auf digital.sbb.ch

Beta

Toggle

1. Was macht die Komponente?

Bietet dem Benutzer ein Auswahl aus genau zwei Optionen an.

2. Wann soll die Komponente eingesetzt werden?

Bei Entweder-Oder Auswahl von wichtigen Werten welche prominent angezeigt werden sollen.

3. Regeln

  • Standardmässig ist immer die erste Option vorausgewählt.
  • Der Text der Optionen kann mehrzeilig sein.
  • Dem Text der Option darf ein Icon zur besseren Verständlichkeit vorangestellt werden.

4. Ausprägungen

Die Komponente hat folgende Zustände:

  • First (erstes Option gewählt)
  • Second (zweite Option gewählt)

4.1 Standard

Darstellung der Komponente Toggle-Button mit der Ausprägung Standard

Design Spezifikation

Code Spezifikation

4.2 Mit Icon

Darstellung der Komponente Toggle-Button mit Icons

Design Spezifikation

Code Spezifikation

4.3 Mit Infotext

Darstellung der Komponente Toggle-Button mit zusätzlichen Hinweistext

Design Spezifikation

Code Spezifikation

4.4 Mit zusätzlichem Eingabekontext

Darstellung der Komponente Toggle-Button mit zusätzlichem Eingabekontext

Design Spezifikation

Code Spezifikation