Skip to main content

FormGroup

<ui5-form-group> | Since 2.0.0
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​

DescriptionDefines header text of the component.
Typestring | undefined
Defaultundefined

columnSpan​

DescriptionDefines column span of the component, e.g how many columns the group should span to.
Typenumber | undefined
Defaultundefined

Slots​

default​

DescriptionDefines the items of the component.
TypeArray<FormItem>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.