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

Name	Type	Description
icon	Enum: `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-current	Enum: `page` `step` `location` `date` `time` `true` `false`	Indicates the element that represents the current item within a container or set of related elements.
download	`string`	Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
href	`string`	The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
hreflang	`string`	Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
ping	`string`	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
referrerpolicy	`string`	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
rel	`string`	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
target	Enum: `_self` `_blank` `_parent` `_top`	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
type	`string`	See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
text	`string`	Indicates the text anchor's text.
connotation	Enum: `accent` `cta`	The connotation Text-Anchor should have.
appearance	Enum: `ghost` `ghost-light`	The appearance Text-Anchor should have.

Events

Name	Event Type	Description
click	`MouseEvent`	Fires 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.
focus	`FocusEvent`	Fires when the element receives focus.
blur	`FocusEvent`	Fires when the element loses focus.
keydown	`KeyboardEvent`	Fires when a key is pressed.
keyup	`KeyboardEvent`	Fires when a key is released.
input	`Event`	Fires when the value of an element has been changed.

Slots

Name	Description
meta	A slot to add additional content to the nav item.
icon	Add an icon to the component.

Methods

Name	Type	Description
getBodyTemplate	`() => unknown`