Skip to content
On this page

VNavItem

A Nav Item Custom HTML Element. Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .

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
... 1208 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.
textstringIndicates the text anchor's text.
connotationEnum:
accent
cta
The connotation Text-Anchor should have.
appearanceEnum:
ghost
ghost-light
The appearance Text-Anchor should have.
downloadstringPrompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
hrefstringThe URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
hreflangstringHints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
pingstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
referrerpolicystringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
relstringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
targetEnum:
_self
_blank
_parent
_top
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
typestringSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

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.

Slots

NameDescription
metaA slot to add additional content to the nav item.
iconAdd an icon to the component.

Methods

NameTypeDescription
getBodyTemplate() => unknown