Dropdown
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
