Skip to main content

ListItemGroup

The ui5-li-group is a special list item, used only to create groups of list items.

This is the item to use inside a ui5-list.

ES6 Module Import​

import "@ui5/webcomponents/dist/ListItemGroup.js";

Properties​

headerText​

DescriptionDefines the header text of the ui5-li-group.
Typestring | undefined
Defaultundefined

headerAccessibleName​

DescriptionDefines the accessible name of the header.
Typestring | undefined
Defaultundefined

Slots​

default​

DescriptionDefines the items of the ui5-li-group.
TypeArray<ListItemBase>
DescriptionDefines the header of the component.
Note: Using this slot, the default header text of group and the value of headerText property will be overwritten.
TypeArray<ListItemBase>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

NameDescription
headerUsed to style the header item of the group