The ui5-option-custom
component defines a custom content of an option in the ui5-select
.
A component to be the same way as the standard ui5-option
.
The component accepts arbitrary HTML content to allow full customization.
ES6 Module Import​
import "@ui5/webcomponents/dist/OptionCustom.js";
Properties​
displayText​
Description | Defines the text, displayed inside the ui5-select input filed when the option gets selected. |
Type | string | undefined |
Default | undefined |
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 | undefined |
Default | undefined |
Description | Defines the tooltip of the option. |
Type | string | undefined |
Default | undefined |
selected​
Description | Defines the selected state of the component. |
Type | boolean |
Default | false |
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.