FormGroup

info

This component is availabe since 2.0 under an experimental flag and its API and behaviour are subject to change.

The FormGroup (ui5-form-group) represents a group inside the Form (ui5-form) component and it consists of FormItem (ui5-form-item) components.

The layout of the FormGroup is mostly defined and controlled by the overarching Form (ui5-form) component. Still, one can influence the layout via the FormGroup's columnSpan property, that defines how many columns the group should expand to.

Usage

Тhe FormGroup (ui5-form-group) allows to split a Form into groups, e.g to group FormItems that logically belong together.

ES6 Module Import

• import @ui5/webcomponents/dist/FormGroup.js";

Properties

headerText

Description	Defines header text of the component.
Type	string | undefined
Default	undefined

columnSpan

Description	Defines column span of the component, e.g how many columns the group should span to.
Type	number | undefined
Default	undefined

Slots

default

Description	Defines the items of the component.
Type	Array<FormItem>

Events

No events available for this component.

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.