Navbar

The essential navbar component.

Example

<nav>
  <ul>
    <li><strong>Brand</strong></li>
  </ul>
  <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#" role="button">Button</a></li>
  </ul>
</nav>

Navbar without list

The essential navbar component.

<nav>
  <ul>
    <li><a href="#" class="secondary">…</a></li>
  </ul>
  <ul>
    <li><strong>Brand</strong></li>
  </ul>
  <ul>
    <li><a href="#" class="secondary">…</a></li>
  </ul>
</nav>

Navbar vertically

Inside <aside>, navs are stacked vertically.

<aside>
  <nav>
    <ul>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </nav>
</aside>