diff --git a/components/interactive-elements.html b/components/interactive-elements.html index cdbadb0..a1d1008 100644 --- a/components/interactive-elements.html +++ b/components/interactive-elements.html @@ -9,6 +9,9 @@

Components – Interactive Elements

+

+ 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. +

diff --git a/foundations.html b/foundations.html index 89f1c17..148d7f4 100644 --- a/foundations.html +++ b/foundations.html @@ -134,7 +134,7 @@ chart-axis-label-gap5pxHorizontaler Abstand zwischen Y-Achsenbeschriftung und Y-Achse. chart-grid-line-width1pxLinienstärke von Gridlines und Achsen in Charts. chart-line-width2pxLinienstärke der Datenlinie im Line Chart. - input-label-width9remDesktop-Breite der Label-Spalte bei ein- und mehrzeiligen Eingabefeldern. + input-label-width9remDesktop-Breite der Label-Spalte für gruppierte Formularzeilen mit Pulldowns, Slidern, Radio-Feldern, Checkbox-Feldern sowie ein- und mehrzeiligen Eingabefeldern. input-field-desktop-width400pxFixe Desktop-Breite von ein- und mehrzeiligen Eingabefeldern in der Input-Component-Preview. input-field-max-width600pxMaximale Breite von ein- und mehrzeiligen Eingabefeldern (ohne Suchfeld). object-card-height600pxFixe Höhe der Object Card im Desktop-Layout (u. a. für Company Card). diff --git a/semantic-tokens-components.html b/semantic-tokens-components.html index 4f23f6d..64dc603 100644 --- a/semantic-tokens-components.html +++ b/semantic-tokens-components.html @@ -115,7 +115,7 @@ text-control-defaultcolor-font-darkStandard-Textfarbe in Controls. text-control-disabledcolor-dark-greyTextfarbe deaktivierter Controls. surface-input-clearcolor-medium-greyFläche des Clear-Buttons in Inputs. - layout-input-label-widthdimension-input-label-widthDesktop-Breite der Label-Spalte für ein- und mehrzeilige Eingabefelder. + layout-input-label-widthdimension-input-label-widthDesktop-Breite der Label-Spalte für gruppierte Formularzeilen mit Pulldowns, Slidern, Radio-Feldern, Checkbox-Feldern sowie ein- und mehrzeiligen Eingabefeldern. layout-input-field-desktop-widthdimension-input-field-desktop-widthFixe Desktop-Breite für ein- und mehrzeilige Eingabefelder. layout-input-field-max-widthdimension-input-field-max-widthMaximale Breite für ein- und mehrzeilige Eingabefelder (ohne Suchfeld). layout-search-field-widthdimension-search-field-widthFixe Breite des Suchfeld-Inputs.