Skip to content
On this page

VOption

An Option Custom HTML Element. Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .

Props

NameTypeDescription
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
disabledbooleanThe disabled state of the option.
selectedbooleanThe selected attribute value. This sets the initial selected value.
initial-valuestringThe initial value of the option. This value sets the value property only when the value property has not been explicitly set.
labelstring
textstring
valuestringValue to be submitted as part of the form data

Events

NameEvent TypeDescription
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.

Slots

NameDescription
iconSlot to add an icon to the option.

Methods

NameTypeDescription
checkedChanged`(_: booleanunknown,next: boolean) => void`
initialValueChanged() => void