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

• Default, [Dark]()
• Rot, [Dark]()

4.1.2 Dynamische Breite

• Der Text ist immer einzeilig.

Design Spezifikation

• Default, [Dark]()
• Rot, [Dark]()

4.2 Icon

Design Spezifikation

• Default, [Dark]()
• Rot, [Dark]()

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

• Icon

4.2 Segmented Icon Button

Design Spezifikation

• Default