Skip to main content

Nav

A navigation pane provides links to the main areas of an app or site.

Examples#

Properties#

NameTypeDefaultDescription
valuestringKey of the selected nav item.

Events#

NameDescription
changeFires when the selected nav item is changed.
expandFires when nav item is expanded. Item's key is passed in event data.
collapseFires when nav item is collapsed. Item's key is passed in event data.

Child controls#

Item control#

Represents a group or a link item within Nav control. Top level item controls are rendered as groups.

Properties#

NameTypeDefaultDescription
keystringAn key to uniquely identify a link. text value is used if key is not specified.
textstringText to render for this link. key value is used if text is not specified.
iconstringAn optional icon to show next to the nav link.
iconColorstringIcon color.
urlstringURL to navigate to for this link.
newWindowboolfalseWhether to open link in a new browser window.
expandedboolfalseWhether or not the link is in an expanded state. By default group is expanded and link is collapsed.

Child controls#

Item control can contain other item controls to build links tree.