Skip to content

VMenuItem

Props

NameTypeDescription
check-appearanceEnum:
normal
tick-only
Controls the appearance of the check indicator.
check-trailingbooleanSets the check element to appear at the end of the Menu Item
checkedbooleanSets the checked state
connotationEnum:
accent
cta
Sets the connotation that appears when checked
control-typeEnum:
checkbox
radio
Whether the menu item should behave as a checkbox or radio button.
disabledbooleanSets the disabled state
expandedbooleanSets the expanded state
iconEnum:
10-sec-backward-line
10-sec-backward-solid
10-sec-forward-line
10-sec-forward-solid
30-sec-backward-line
30-sec-backward-solid
30-sec-forward-line
30-sec-forward-solid
5-sec-backward-line
5-sec-backward-solid
5-sec-forward-line
5-sec-forward-solid
... 1266 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons and icon-names See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
textstringText content
text-secondarystringGive more context to the text

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
changeCustomEvent<undefined>Fired when the item is triggered. Does not fire when a submenu is collapsed or expanded.
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.
expanded-changeCustomEvent<HTMLElement>Fired when the expanded state changes.
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
metaAssign nodes to the meta slot to set a badge or an additional icon.
submenuAssign a Menu to the submenu slot to add a submenu.
trailing-metaAssign nodes to the meta slot to set a badge or an additional icon.