Nav List Item

The Nav List component is a navigational element contained within a list.

Properties

Name	Type	Default	Description
text	string		Specifies the text for the nav list item.
path	string		Specifies the navigational path for the nav list item.
exact	bool	false	If true, the active style will be applied if the location is matched exactly.
disabled	bool	false	If true, the nav list item is disabled.
tooltipTitle	string		Defines a tooltip for the nav list item.
tooltipPlacement	bottom-end bottom-start bottom left-end left-start left right-end right-start right top-end top-start top string	bottom	Defines the placement of the tooltip on the nav list item.
loopData	array		Defines an array of options in the format id, label, value. The id must be is small letters.
itemName	string		Defines a unique identifier name for each menu item.

The Add Left Component allows the placement of an icon, badge, chip or container to the left-hand side of a nav list item.

Style Attributes

Name	Type	Default	Description
alignItems	center flex-start	center	The alignment applied to the nav list item.
dense	bool	false	If true, compact vertical padding is used for the nav list item.
disableGutters	bool	false	If true, removes the gutter on the left-hand side of the nav list item.
divider	bool	false	If true, adds a line beneath the nav list item.
backgroundColor	hex#666666 rgb 5,5,5		Defines the background color.
textColor	hex#666666 rgb 5,5,5		Defines the text color.
iconColor	hex#666666 rgb 5,5,5		Defines the icon color if the nav list item has an attached icon.
selectedBackgroundColor	hex#666666 rgb 5,5,5		Defines the background color if the nav list item is selected.
selectedTextColor	hex#666666 rgb 5,5,5		Defines the text color if the nav list item is selected.
selectedIconColor	hex#666666 rgb 5,5,5		Defines the icon color if the nav list item has an attached icon and is selected.
disableFocusRipple	bool	false	If true, the keyboard focus ripple is disabled.
disableRipple	bool	false	If true, the ripple effect is disabled.