Skip to main content

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​

DescriptionDefines the component's check mode.
Type"Multiple" | "None" | "Single" (value descriptions in: MenuItemGroupCheckMode)
Default"None"

Slots​

default​

DescriptionDefines 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.
TypeArray<IMenuItem>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.

CSS Custom States​

No CSS custom states available for this component.