Nav

Sidebar / sidenav navigation.

Nav

Used for sidebar site navigation. Add na-active on the current link. Group links under section headings using na-nav-title.

<nav class="na-nav">
  <div class="na-nav-title">Getting started</div>
  <a href="/install" class="na-nav-link na-active">Installation</a>
  <a href="/theming" class="na-nav-link">Theming</a>
  <div class="na-nav-title">Layout</div>
  <a href="/components/grid" class="na-nav-link">Grid</a>
</nav>

With icons

<nav class="na-nav">
  <a href="/grid" class="na-nav-link na-active">
    <svg ...></svg>
    Grid
  </a>
</nav>

Class reference

Class	Description
`na-nav`	Vertical sidebar nav wrapper
`na-nav-title`	Group heading label (non-clickable)
`na-nav-link`	Navigation link item
`na-active`	Highlights the current / active link