Skip to main content

SelectMenuOption

The ui5-select-menu-option component represents an option in the ui5-select-menu.

Usage​

For the ui5-select-menu-option

ES6 Module Import​

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

Properties​

displayText​

DescriptionDefines the text, displayed inside the ui5-select input filed when the option gets selected.
Typestring
Default""

disabled​

DescriptionDefines whether the component is in disabled state.
Note: A disabled component is hidden.
Typeboolean
Defaultfalse

value​

DescriptionDefines the value of the ui5-select inside an HTML Form element when this component is selected. For more information on HTML Form support, see the name property of ui5-select.
Typestring
Default""

type​

DescriptionNote: The property is inherited and not supported. If set, it won't take any effect.
Type"Inactive" | "Active" | "Detail" | "Navigation"
Default"Active"
Deprecatedtrue

accessibilityAttributes​

DescriptionNote: The property is inherited and not supported. If set, it won't take any effect.
TypeAccessibilityAttributes
Default
Deprecatedtrue
DescriptionNote: The property is inherited and not supported. If set, it won't take any effect.
Typeboolean
Defaultfalse
Deprecatedtrue

accessibleName​

DescriptionDefines the text alternative of the component.
Note: If not provided a default text alternative will be set, if present.
Typestring
Default""
Since1.0.0-rc.15

tooltip​

DescriptionDefines the text of the tooltip that would be displayed for the list item.
Typestring
Default""
Since1.23.0

highlight​

DescriptionDefines the highlight state of the list items. Available options are: "None" (by default), "Success", "Warning", "Information" and "Error".
Type"None" | "Success" | "Warning" | "Error" | "Information"
Default"None"
Since1.24

selected​

DescriptionDefines the selected state of the ListItem.
Typeboolean
Defaultfalse

Slots​

default​

DescriptionDefines the content of the component.
TypeArray<Node>

deleteButton​

DescriptionNote: The slot is inherited and not supported. If set, it won't take any effect.
TypeArray<IButton>
Deprecatedtrue

Events​

detail-click​

DescriptionFired when the user clicks on the detail button when type is Detail.
TypeCustomEvent

Methods​

No methods available for this component.

CSS Parts​

NameDescription
native-liUsed to style the main li tag of the list item
contentUsed to style the content area of the list item
detail-buttonUsed to style the button rendered when the list item is of type detail
delete-buttonUsed to style the button rendered when the list item is in delete mode
radioUsed to style the radio button rendered when the list item is in single selection mode
checkboxUsed to style the checkbox rendered when the list item is in multiple selection mode