Navigieren auf digital.sbb.ch

Toggle

1. Was macht die Komponente?

Bietet den Benutzer*innen eine Auswahl aus zwei oder mehr 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.
  • Dem Text der Option darf ein Icon zur besseren Verständlichkeit vorangestellt werden.

4. Ausprägungen

Die Komponente hat folgende Zustände:

  • Active
  • Inactive

Es kann nur eine Option gewählt werden (active). Die restlichen Optionen sind inaktiv.

4.1 Double

Darstellung der Komponente Toggle-Button mit zwei Auswahloptionen

Design Spezifikation

4.2 Triple

Darstellung der Komponente Toggle-Button mit drei Auswahloptionen

Design Spezifikation