Skip to main content

Option

The ui5-option component defines the content of an option in the ui5-select.

ES6 Module Import​

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

Properties​

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 | undefined
Defaultundefined

icon​

DescriptionDefines the icon source URI.
Note: SAP-icons font provides numerous built-in icons. To find all the available icons, see the Icon Explorer.
Typestring | undefined
Defaultundefined

additionalText​

DescriptionDefines the additionalText, displayed in the end of the list item.
Typestring | undefined
Defaultundefined
Since1.0.0-rc.15

tooltip​

DescriptionDefines the text of the tooltip that would be displayed for the list item.
Typestring | undefined
Defaultundefined
Since1.23.0

selected​

DescriptionDefines the selected state of the component.
Typeboolean
Defaultfalse

Slots​

default​

DescriptionDefines the text of the component.
Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
TypeArray<Node>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.