Skip to content

VSelectableBox

Props

NameTypeDescription
checkedbooleanControls the checked state
clickable-boxbooleanSets the whole box to be clickable
connotationEnum:
accent
cta
Controls the color of the box and its control
control-placementEnum:
end
start
start-stacked
end-stacked
Controls where the control should be placed in the box
control-typeEnum:
checkbox
radio
Controls the type of control in the box
disabledbooleanControls the disabled state of the box and its control
tightbooleanRemoves the padding from the boxes content area

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
changeCustomEvent<undefined>Fired when the checked state changes
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.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.

Slots

NameDescription
defaultSlot for box's content.