Navigation

Nav List

Use .fizz-nav-list for a vertically-oriented navigation menu. You can use it with or without icons as needed.

Set .fizz-is-active on an anchor element (<a>) to indicate the current page.

HTML

<ul class="fizz-nav-list" style="max-width: 200px">
  <li><a href="">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="fizz-icon-16">...</svg>
    <span>Fintech</span>
  </a></li>
  <li><a href="" class="fizz-is-active">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="fizz-icon-16">...</svg>
    <span>Tab, by Provi</span>
  </a></li>
  <li><a href="">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="fizz-icon-16">...</svg>
    <span>Payment Settings</span>
  </a></li>
</ul>