1. Was macht die Komponente?

Bietet dem Benutzer eine Auswahl aus mehreren Optionen an.

2. Wann soll die Komponente eingesetzt werden?

• Bei Listen mit zwei oder mehr Auswahlmöglichkeiten, bei denen der Benutzer mehrere oder keine auswählen kann.
• Bei Auswahlmöglichkeiten, welche mehrere Informationen beinhalten.

3. Regeln

• Der Titeltext der Optionen ist immer einzeilig.
• Die ganze Fläche der Optionenwahl ist klickbar und ändert den Zustand.
• Die verschiedenen Optionen sind immer untereinander aufgelistet.
• Es können mehrere Optionen angewählt sein.
• Keine Auswahl ist erlaubt.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

• Checked
• Unchecked
• Disabled checked
• Disabled unchecked
• Error

4.1 Standard

Design Spezifikation

• Checked
• Unchecked
• Disabled checked
• Disabled unchecked
• Error

Code Spezifikation

• SBB Angular Component Library

4.2 Mit Infotext

Design Spezifikation

• Checked
• Unchecked
• Disabled checked
• Disabled unchecked
• Error

Code Spezifikation

• SBB Angular Component Library

4.3 Mit Piktogramm / Logo

Design Spezifikation

• Checked
• Unchecked
• Disabled checked
• Disabled unchecked
• Error

Code Spezifikation

• SBB Angular Component Library