1. Was macht das Element?

• Dient zur Auswahl einer Optionen aus einer vorgegebenen Liste.

2. Wann soll das Element eingesetzt werden?

• Bei einer Auswahl aus mehreren Optionen einer Liste.

3. Regeln

• Es müssen mindestens zwei Optionen zur Auswahl stehen.
• Optionale Auswahlen werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
• Der Text im Element ist immer einzeilig.
• Ist ein Eintrag länger als die verfügbare Breite des Elements, wird der Text des Eintrages mit «...» abgekürzt.
• Bei einem Pflichtfeld ist eine Vorauswahl nicht erlaubt.
• Wenn noch keine Auswahl getroffen wurde, wird das Label angezeigt.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

• Default
• Error
• Disabled
• Loading
• Expanded

Das Element hat folgende Ausprägungen:

• listed / boxed
• mit Icon / ohne Icon
• mit Label / ohne Label

4.1 Listed

4.1.1 Default

4.1.2 Error

4.1.3 Disabled

4.1.4 Loading

4.2 Listed, mit Icon

4.2.1 Default

4.2.2 Error

4.2.3 Disabled

4.2.4 Loading

4.3 Listed, ohne Label

4.3.1 Default

4.3.2 Error

4.3.3 Disabled

4.3.4 Loading

4.4 Boxed

4.4.1 Default

4.4.2 Error

4.4.3 Disabled

4.4.4 Loading

4.5 Boxed, mit Icon

4.5.1 Default

4.5.2 Error

4.5.3 Disabled

4.5.4 Loading

4.6 Boxed, ohne Label

4.6.1 Default

4.6.2 Error

4.6.3 Disabled

4.6.4 Loading

Design Spezifikation

Figma-Link