Customize the responsive steps by setting the responsiveSteps array property.
Responsive steps can optionally set labelsPosition string
option. The following values are supported:
The following custom CSS properties are supported in <vaadin-form-layout>:
| CSS Property | Description | Default |
|---|---|---|
--vaadin-form-layout-column-spacing |
Length of the spacing between columns | 2em |
Additionally, <vaadin-form-item> supports:
| CSS Property | Description | Default |
|---|---|---|
--vaadin-form-item-label-width |
Width of the label column when the labels are aside | 8em |
--vaadin-form-item-label-spacing |
Length of the spacing between the label and input columns when the labels are aside | 1em |
--vaadin-form-item-row-spacing |
Height of the spacing between the form item elements | 1em |