Skip to content

VToggletip

Props

NameTypeDescription
alternatebooleantoggle color scheme
anchorEnum:
string
HTMLElement
ID or direct reference to the component's anchor element.
headlinestringthe optional title of the toggletip
openbooleanindicates whether the toggletip is open
placementEnum:
top
bottom
left
right
top-start
top-end
bottom-start
bottom-end
left-end
left-start
right-end
right-start
placement of the toggletip

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
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
action-itemsThe content to display in the toggletip action items.
anchorUsed to set the anchor element for the toggletip.
defaultThe content to display in the toggletip.

Methods

NameTypeDescription
openChanged(oldValue: boolean,newValue: boolean) => void