FormGroup

<ui5-form-group> | Since 2.0.0

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

headerLevel

Description	Defines the compoennt heading level, set by the headerText.
Type	"H1" | "H2" | "H3" | "H4" | "H5" | "H6"
Default	"H3"
Since	2.10.0

columnSpan

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

accessibleName

Description	Defines the accessible ARIA name of the component.
Type	string | undefined
Default	undefined
Since	2.16.0

accessibleNameRef

Description	Defines id (or many ids) of the element (or elements) that label the component.
Type	string | undefined
Default	undefined
Since	2.16.0

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.