Skip to main content

NavBar

The header of the website, which includes the logo and navigation items.

<NavBar>
<NavItem label='Home' active component='a' href='' />
<NavItem
label='About'
dropdown={
<>
<NavItem label='Services' component='a' href='' />
<NavItem label='Teams' component='a' href='' />
</>
}
/>
<NavItem label='Contact' component='a' href='' />
</NavBar>

Props

Align

<NavBar>
{/* insert nav items */}
</NavBar>

<NavBar align="right">
{/* insert nav items */}
</NavBar>