Select (Dropdown)
1. Was macht die Komponente?
- Dient zur Auswahl einer oder mehrerer Optionen aus einer vorgegebenen Liste.
2. Wann soll die Komponente eingesetzt werden?
- Bei einer Auswahl aus mehreren Optionen (Einfach- oder Mehrfachauswahl) einer Liste.
- Wenn eine Auswahl getroffen werden muss, bei der sich die Einträge gegenseitig ausschliessen und kein Defaultwert gesetzt werden soll (anders als beim Element Radiobutton.
- Wenn Auswahloptionen gruppiert werden sollen.
3. Regeln
- Es müssen mindestens zwei Optionen zur Auswahl stehen.
- Das Element hat immer ein Label.
- Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.
- Der Text im Select-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, lautet der Element-Text «Bitte wählen...».
4. Ausprägungen und Zustände
Die Komponente hat folgende Zustände:
- Default
- Placeholder
- Focused
- Disabled
- Error
- Mandatory
- Readonly
- Expanded
4.1 Standard
Design Spezifikation
Code Spezifikation
4.2 Mehrfachauswahl
Design Spezifikation
Code Spezifikation
4.3 Gruppierte Einfachauswahl
Design Spezifikation
Code Spezifikation
4.4 Gruppierte Mehrfachauswahl
