Service navigation

  <div 
class="govuk-service-navigation"
data-module="govuk-service-navigation"
>
    
  <div class="govuk-width-container">

    <div class="govuk-service-navigation__container">
      
      

      
      
        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
            Menu
          </button>

          <ul class="govuk-service-navigation__list" id="navigation" >

            
              

              
              <li class="govuk-service-navigation__item">
                
                  <a class="govuk-service-navigation__link" href="#">
                    
                
                Navigation item 1
              
                  </a>
                
              </li>
            
              

              
              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
                
                  <a class="govuk-service-navigation__link" href="#" aria-current="true">
                    
                
                
                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
                
              
                  </a>
                
              </li>
            
              

              
              <li class="govuk-service-navigation__item">
                
                  <a class="govuk-service-navigation__link" href="#">
                    
                
                Navigation item 3
              
                  </a>
                
              </li>
            

            </ul>
        </nav>
      
    </div>

    </div>

  </div>

{{ govukServiceNavigation({
  "navigation": [
    {
      "href": "#",
      "text": "Navigation item 1"
    },
    {
      "href": "#",
      "text": "Navigation item 2",
      "active": true
    },
    {
      "href": "#",
      "text": "Navigation item 3"
    }
  ]
}) }}