Nav

To display the navigation links.

Examples

Set variant props to breadcrumbs to display link as breadcrumbs. Default is normal.

Use disabled and active props to highlight or disable links.

Use type props to treat items as a button. Default is link.

Set the horizontal props as true to display the list horizontally.

import { Nav, NavLink } from "ui-neu"


<Nav>
  <NavLink href="" key="1">NavLink1</NavLink>
  <NavLink href="" key="2">NavLink2</NavLink>
</Nav>

Props for each of the components are included below. This is still under development and changes are anticipated to occur in upcoming releases.

Name	Description	Default
children	Nav will take links as components any	-
horizontal	To display nav horizontally bool	false
variant	To make links appear as breadcrumbs or normal string	-

Name	Description	Default
children	any	-
active	To highlight any Nav bool	-
disabled	To disable any Nav link bool	-
href	Enter url for links string	-
horizontal	Whether or not parent wants its child to be aligned horizontally bool	-
variant	Whether or not parent wants its child to have breadcrumbs or normal string	-