Formular-Layout-Regel: Wenn Pulldowns, Slider, Radio-Felder, Checkbox-Felder oder Eingabefelder direkt untereinander als Gruppe dargestellt werden, nutzen alle Zeilen dieselbe Label-Spaltenbreite und denselben horizontalen Abstand zwischen Label und Interaktionselement. Auf Mobile erfolgt der Umbruch komponentenspezifisch in eine einspaltige Darstellung.
Component: Pulldown
Komponente normal
Variante aktivierbar
form-disabled
Variante ohne Label
Component: Suchfeld
form-inactive-selectable
0 Trefferform-active / selected
12 Trefferform-disabled
Component: Eingabefeld einzeilig
form-inactive-selectable
form-active / selected
form-disabled
Variante ohne Label
Component: Eingabefeld mehrzeilig
form-inactive-selectable
form-active / selected
form-disabled
Variante ohne Label
Component: Kreuzchenfeld / Multiple Choice
Component: Radio Button / Single Choice
Component: Modus Schieber global
Component: Modus Schieber lokal
Component: Aktivierungs-Schalter (an/aus)
Component: Slider
Komponente normal
Variante aktivierbar
Component: Fragezeichen-Icon
Component: Hyperlink
Dies ist ein Text mit einem Hyperlink.