shadow
The Option element represents the individual options within the Select component. It is similar to the standard HTML select element and allows users to make one or more selections based on the configuration of the select component. These elements can be dynamically populated and are designed to work seamlessly with the wj-select component's own logic, including features such as multiple selection and custom styling.
For information on using Option, navigate to the Select. element documentation.
| Description | Indicates whether the option is selected. |
| Attribute | selected |
| Type | boolean |
| Default | undefined |
| Description | The option value that is used when the form is submitted. |
| Attribute | value |
| Type | string |
| Default | undefined |
text
| Description | The textual content of the option that is displayed to the user. |
| Attribute | undefined |
| Type | string |
| Default | undefined |
| Description | If true, the option is disabled and cannot be selected. |
| Attribute | disabled |
| Type | boolean |
| Default | undefined |
| Name | Description |
|---|
wje-option:change | Called when the option is clicked. |
No public methods available for this component.
| Name | Description |
|---|
native | Native part options. |
| Name | Description |
|---|
--wje-option-padding-top | Top indentation options. |
--wje-option-padding-bottom | Lower indentation options. |
--wje-option-highlighted | The color of the highlighting option when the mouse is hovered over. |
| Name | Description |
|---|
| `` | Default slot for content options. |
start | Slot for content at the beginning of the option. |
end | Slot for content at the end of the option. |