NavItem

Selected

Use the selected property to define which navigation option is currently being viewed.

<DemoLayout>
  <PrimaryNav>
    <NavItem href="/malachite">Malachite</NavItem>
    <NavItem selected href="/fluorite">Fluorite</NavItem>
    <NavItem href="/magnetite">Magnetite</NavItem>
  </PrimaryNav>
  <SecondaryNav>
    <NavItem href="/malachite">Malachite</NavItem>
    <NavItem selected href="/fluorite">Fluorite</NavItem>
    <NavItem href="/magnetite">Magnetite</NavItem>
  </SecondaryNav>
</DemoLayout>