NJ Web Design System (v2.1.0)

Secondary (header) 

<div class="usa-nav__secondary">
    <ul class="usa-nav__secondary-links">
        <li class="usa-nav__secondary-item">
            <a href="">Secondary link</a>
        </li>
        <li class="usa-nav__secondary-item">
            <a href="">Another secondary link</a>
        </li>
    </ul>
    <form class="usa-search usa-search--small " role="search">
        <label class="usa-sr-only" for="search-field-small">Search small</label>
        <input class="usa-input" id="search-field-small" type="search" name="search">
        <button class="usa-button" type="submit">
            <img src="/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /></button>
    </form>
</div>

No notes defined.

<div class="usa-nav__secondary">
  <ul class="usa-nav__secondary-links">
    {%- for link in nav.links -%}
    <li class="usa-nav__secondary-item">
      <a href="{{ link.href }}"{% if link.current %} class="usa-current"{% endif %}>{{ link.text }}</a>
    </li>
    {%- endfor -%}
  </ul>
  {%- if nav.search -%}
    {% render '@search--header', {search: nav.search, search_js: false, id_prefix: nav.id_prefix} %}
  {%- endif -%}
</div>
 
package:
  name: null
  version: 2.1.0
uswds:
  path: ../../dist
nav:
  search: true
  links:
    - text: Secondary link
    - text: Another secondary link