Navbar

Plain horizontal nav (no sticky positioning or theme toggle; use AppBar for that). Supports linkComponent / linkProp for routers.

Props

brandReactNode
Brand name or element.
linksNavbarLink[]
Default: []
Navigation links. See the NavbarLink table below.
actionsReactNode
Controls on the right.
linkComponentElementType
Default: 'a'
Component used for links, e.g. a router Link.
linkPropstring
Default: 'href'
Name of the destination prop on linkComponent (e.g. "to" for react-router).
labelstring
Default: 'Main'
Accessible name of the nav.
classNamestring
Default: ''
Extra classes for the root element.

Navbar props
Prop	Type	Default	Description
`brand`	ReactNode	–	Brand name or element.
`links`	NavbarLink[]	`[]`	Navigation links. See the NavbarLink table below.
`actions`	ReactNode	–	Controls on the right.
`linkComponent`	ElementType	`'a'`	Component used for links, e.g. a router Link.
`linkProp`	string	`'href'`	Name of the destination prop on `linkComponent` (e.g. "to" for react-router).
`label`	string	`'Main'`	Accessible name of the nav.
`className`	string	`''`	Extra classes for the root element.

NavbarLink props
Prop	Type	Default	Description
`href`	string	–	Destination of the link.
`label`	string	–	Text of the link.
`active`	boolean	`false`	Marks the current page.
`...linkProps`		–	Any other attribute is passed to the link element.