Lehigh Clutch Style Guide

Quick Menu 

<nav class="navbar navbar-expand- navbar-light bg-light">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse navbar-wrapper" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">

            <li class="nav-item is-active">
                <a class="nav-link is-active" href="#">Quick 1 <span class="sr-only">(current)</span></a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#">Quick 2</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#">Quick 3</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#">Quick 4</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#">Quick 5</a>
            </li>
        </ul>
    </div>
</nav>
 
{% include "@navbar" with {
    nav_items: quick_menu_nav_items
} only
%}
 
{
  "breakpoint": "md",
  "quick_menu_nav_items": {
    "1": {
      "url": "#",
      "link_text": "Quick 1",
      "active": true
    },
    "2": {
      "url": "#",
      "link_text": "Quick 2"
    },
    "3": {
      "url": "#",
      "link_text": "Quick 3"
    },
    "4": {
      "url": "#",
      "link_text": "Quick 4"
    },
    "5": {
      "url": "#",
      "link_text": "Quick 5"
    }
  }
}

No notes defined.