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.
4. Ausprägungen und Zustände
Das Element hat folgende Zustände:
- Default
- Rot
4.1 Text
4.1.1 Fixe Breite

- Der Text ist immer einzeilig.
Design Spezifikation
4.1.2 Dynamische Breite

- Der Text ist immer einzeilig.
Design Spezifikation
4.2 Icon

Design Spezifikation
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.
Design Spezifikation
4.2 Segmented Icon Button
