beta

Segmented Button

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.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Checked
  • Unchecked

4.1 Segmented Button

  • Der Text ist immer einzeilig.

4.1.1 Vermassung

4.2 Segmented Icon Button

4.2.1 Vermassung