Component

Navbar

The supported top-navigation primitive: a horizontal row of links with active state. Compose it inside a semantic header with a logo, actions, and search to build a full app bar.

Links with active state

Full app bar

A semantic header composed around Navbar with a logo, primary links, and trailing actions.

Fuji

On mobile, hide the Navbar and open the links from a Drawer, as the site header does

API reference

Prop	Type	Default	Description
items	NavbarItem[]	None	Navigation labels, hrefs, and active state.
renderLink	render function	None	Integrates routing libraries such as Next Link.
className	string	None	Additional classes applied to the component root.

itemsNone

NavbarItem[]

Navigation labels, hrefs, and active state.

renderLinkNone

render function

Integrates routing libraries such as Next Link.

classNameNone

string

Additional classes applied to the component root.