NavItem | Mineral UI

Element

Any component that renders an <a /> element may be used for NavItem by specifying the as prop, such as a React Router Link.

<DemoLayout>
  <PrimaryNav>
    <NavItem as={ReactRouterLink} to="/components/malachite">Malachite</NavItem>
    <NavItem as={ReactRouterLink} to="/components/fluorite">Fluorite</NavItem>
    <NavItem as={ReactRouterLink} to="/components/magnetite">Magnetite</NavItem>
  </PrimaryNav>
  <SecondaryNav>
    <NavItem as={ReactRouterLink} to="/components/malachite">Malachite</NavItem>
    <NavItem as={ReactRouterLink} to="/components/fluorite">Fluorite</NavItem>
    <NavItem as={ReactRouterLink} to="/components/magnetite">Magnetite</NavItem>
  </SecondaryNav>
</DemoLayout>