The ui5-select-menu-option component represents an option in the ui5-select-menu.
For the ui5-select-menu-option
ES6 Module Import​
import @ui5/webcomponents/dist/SelectMenuOption.js";
Properties​
displayText​
| Description | Defines the text, displayed inside the ui5-select input filed when the option gets selected. |
| Type | string |
| Default | "" |
disabled​
| Description | Defines whether the component is in disabled state.
Note: A disabled component is hidden. |
| Type | boolean |
| Default | false |
| Description | Defines 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. |
| Type | string |
| Default | "" |
| Description | Note: The property is inherited and not supported. If set, it won't take any effect. |
| Type | "Inactive" | "Active" | "Detail" | "Navigation" |
| Default | "Active" |
| Deprecated | true |
accessibilityAttributes​
| Description | Note: The property is inherited and not supported. If set, it won't take any effect. |
| Type | AccessibilityAttributes |
| Default | |
| Deprecated | true |
navigated​
| Description | Note: The property is inherited and not supported. If set, it won't take any effect. |
| Type | boolean |
| Default | false |
| Deprecated | true |
accessibleName​
| Description | Defines the text alternative of the component.
Note: If not provided a default text alternative will be set, if present. |
| Type | string |
| Default | "" |
| Since | 1.0.0-rc.15 |
| Description | Defines the text of the tooltip that would be displayed for the list item. |
| Type | string |
| Default | "" |
| Since | 1.23.0 |
highlight​
| Description | Defines 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" |
| Since | 1.24 |
selected​
| Description | Defines the selected state of the ListItem. |
| Type | boolean |
| Default | false |
default​
| Description | Defines the content of the component. |
| Type | Array<Node> |
| Description | Note: The slot is inherited and not supported. If set, it won't take any effect. |
| Type | Array<IButton> |
| Deprecated | true |
detail-click​
| Description | Fired when the user clicks on the detail button when type is Detail. |
| Type | CustomEvent |
Methods​
No methods available for this component.
CSS Parts​
| Name | Description |
|---|
| native-li | Used to style the main li tag of the list item |
| content | Used to style the content area of the list item |
| detail-button | Used to style the button rendered when the list item is of type detail |
| delete-button | Used to style the button rendered when the list item is in delete mode |
| radio | Used to style the radio button rendered when the list item is in single selection mode |
| checkbox | Used to style the checkbox rendered when the list item is in multiple selection mode |