MenuItemGroup

<ui5-menu-item-group> | Since 2.12.0

The ui5-menu-item-group component represents a group of items designed for use inside a ui5-menu. Items belonging to the same group should be wrapped by a ui5-menu-item-group. Each group can have an checkMode property, which defines the check mode for the items within the group. The possible values for checkMode are:

• 'None' (default) - no items can be checked
• 'Single' - Only one item can be checked at a time
• 'Multiple' - Multiple items can be checked simultaneously

Note: If the checkMode property is set to 'Single', only one item can remain checked at any given time. If multiple items are marked as checked, the last checked item will take precedence.

Usage

ui5-menu-item-group represents a collection of ui5-menu-item components that can have the same check mode. The items are addeed to the group's items slot.

ES6 Module Import

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

Properties

checkMode

Description	Defines the component's check mode.
Type	"None" | "Single" | "Multiple"
Default	"None"

Slots

default

Description	Defines the items of this component. Note: The slot can hold any combination of components of type ui5-menu-item or ui5-menu-separator or both.
Type	Array<IMenuItem>

Events

No events available for this component.

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.