Form Layout
- Usage
- Styling
Lumo Properties
The following Lumo style properties can be used to easily change the styling of the component. See the Styling documentation for more details on how to style components.
| Feature | Property | Default Value |
|---|---|---|
Spacing between columns |
|
|
Spacing between rows |
|
|
Spacing between side label and field |
|
|
Side label width |
|
|
CSS Selectors
The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the Styling documentation for more details on how to style components.
- Form Layout
-
vaadin-form-layout - Form Row
-
vaadin-form-row - Form Item
-
vaadin-form-item - Form Item Label
-
vaadin-form-item::part(label) - Form Item Label Text
-
vaadin-form-item> label - Form Item Required Indicator
-
vaadin-form-item::part(required-indicator) - Form Item with Required Field
-
vaadin-form-item[required]