Skip to content
On this page

VSelectableBox

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.
aria-labelstring
checkedbooleanControls the checked state of the box
clickablebooleanDEPRECATED: Replaced by the clickable-box prop
clickable-boxbooleanMakes the entire selectable box clickable
connotationEnum:
accent
cta
The connotation the selectable box should have.
control-typeEnum:
checkbox
radio
The type of control the box should have: checkbox or radio.
tightbooleanRemoves the padding around the box's slot content

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.
changeCustomEvent<undefined>Fired when the checked state changes

Slots

NameDescription
defaultSlot for box's content.