Skip to main content

Option

Option | individual options within the Select component 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.

Attributes and Properties

value

DescriptionText value of the element
Attributevalue
Typeany
Defaultundefined

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to div inside an element.

CSS Custom Properties

NameDescription
--wj-option-highlightedDefines the background color of the element when shown with the mouse.
--wj-option-padding-bottomDefines the size of the lower internal offset of the element.
--wj-option-padding-topDefines the size of the upper internal offset of the element.

Slots

NameDescription
``The contents are placed between the named slots.
endThe content is placed on the right in the LTR and on the left in the RTL.
startThe content is placed on the left in the LTR and on the right in the RTL.