Skip to content
On this page

VMenuItem

Props

NameTypeDescription
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
... 1217 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
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 element.
expandedbooleanThe expanded state of the element.
roleEnum:
menuitem
menuitemcheckbox
menuitemradio
presentation
The role of the element.
checkedbooleanThe checked value of the element.
textstringIndicates the menu item's text.
text-secondarystringIndicates the menu item's secondary text.
connotationEnum:
cta
accent
The connotation the fab should have.
check-trailingbooleanControls the placement of the menu item's checkmark or radio icon.
check-appearanceEnum:
normal
tick-only
Controls the appearance of the check indicator.

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.
expanded-changeCustomEvent<HTMLElement>Fires a custom 'expanded-change' event when the expanded state changes
changeCustomEvent<undefined>Fires a custom 'change' event when a non-submenu item with a role of menuitemcheckbox, menuitemradio, or menuitem is invoked

Slots

NameDescription
metaAssign nodes to the meta slot to set a badge or an additional icon.
trailing-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.