Nav Menu Item

selector

nio-nav-menu-item

TIP

This component is designed to be used as a component internal to the nio-nav-menu component, but may be used outside this component if desired

Props

Prop name	Type	Required	Supported Values	Default value
name	array<NavMenuItemGroup>	false	true	[]
label	string	false	any string
icon	string	false	any string
status	string	false	coming | new | alpha | beta
locked	boolean	false		false

Prop details:

:name

Name of the item (used for references in code, not displayed)

:label

Text to be displayed

:icon

Name of icon to be displayed (all icon names from the Tacklebox icon library are supported)

:status

Status of the item. Will be displayed in a pill icon element on the right of the item.

WARNING

Pointer events and navigation for items with a status of 'coming' will be disabled.