The ui5-option component defines the content of an option in the ui5-select.
ES6 Module Import​
import "@ui5/webcomponents/dist/Option.js";
Properties​
selected​
| Description | Defines the selected state of the component. |
| Type | boolean |
| Default | false |
disabled​
| Description | Defines whether the component is in disabled state.
Note: A disabled component is hidden. |
| Type | boolean |
| Default | false |
| Since | 1.0.0-rc.12 |
| Description | Defines the icon source URI.
Note: SAP-icons font provides numerous built-in icons. To find all the available icons, see the Icon Explorer. |
| Type | string | null | undefined |
| Default | null |
| 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 | "" |
additionalText​
| Description | Defines the additional text displayed at the end of the option element. |
| Type | string |
| Default | "" |
| Since | 1.3.0 |
default​
| Description | Defines 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. |
| Type | Array<Node> |
No events available for this component.
Methods​
No methods available for this component.
CSS Parts​
No CSS parts available for this component.