Navigieren auf digital.sbb.ch

Segmented Button

Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English

1. Was macht das Element?

  • Dient zur Auswahl von genau einer Option aus zwei oder mehreren Möglichkeiten.

2. Wann soll das Element eingesetzt werden?

  • Bei der Auswahl einer Option aus Mehreren.
  • Zum Umschalten zwischen unterschiedlichen Ansichten (Tab-Funktionalität).

3. Regeln

  • Es muss immer ein Default-Wert gesetzt sein.
  • Die einzelnen Optionen sind immer gleich breit.
  • Der Text ist immer einzeilig.

4. Ausprägungen und Zustände

  • 2 oder 3 Buttons
  • Farbe: Default / Red
  • mit Icon und Label / nur Icon / nur Label

4.1 Default

Darstellung des Segmented Buttons
Darstellung des Segmented Buttons

4.2 Red

Darstellung des Segmented Buttons
Darstellung des Segmented Buttons

Design Spezifikation

Figma-Link