Skip to main content

SelectMenu

The ui5-select-menu is meant to be used together with the ui5-select component as alternative to define the select's dropdown. It acts as a popover on desktop and tablet, and as a Dialog on phone.

The component gives the possibility to the user to customize the ui5-select's dropdown by slotting custom options and adding custom styles.

Usage​

To use ui5-select with a ui5-select-menu, you need to set the ui5-select menu property to reference ui5-select-menu either by ID or DOM reference.

For the ui5-select-menu

ES6 Module Import​

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

Basic Sample​

Properties​

No properties available for this component.

Slots​

default​

DescriptionDefines the options of the component.
TypeArray<IOption>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.