The FormItem (ui5-form-item) represents pair of a label and
one or more components (text or text fields), associated to it.
Usage
The FormItem is being used in FormGroup (ui5-form-group) or directly in Form (ui5-form).
ES6 Module Import
- import @ui5/webcomponents/dist/FormItem.js";
Properties
columnSpan
| Description | Defines the column span of the component, e.g how many columns the component should span to.
Note: The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group) or the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout. A number bigger than the available columns won't take effect. |
| Type | number | undefined |
| Default | undefined |
Slots
labelContent
| Description | Defines the label of the component. |
| Type | Array<HTMLElement> |
default
| Description | Defines the content of the component, associated to labelContent. |
| Type | Array<HTMLElement> |
Events
No events available for this component.
Methods
No methods available for this component.
CSS Parts
For more information on how to use CSS shadow parts, see Usage of CSS Shadow Parts.
| Name | Description |
|---|
| layout | Used to style the parent element of the label and content parts. |
| label | Used to style the label part of the form item. |
| content | Used to style the content part of the form item. |
CSS Custom States
No CSS custom states available for this component.