NJ Web Design System (v2.1.0)

Secondary (header): Lang Es 

<div class="usa-nav__secondary">
    <ul class="usa-nav__secondary-links">
        <li class="usa-nav__secondary-item">
            <a href="">&lt;Secondary link&gt;</a>
        </li>
        <li class="usa-nav__secondary-item">
            <a href="">&lt;Another secondary link&gt;</a>
        </li>
    </ul>

    <section aria-label="Default search component">
        <h2>Default</h2>

        <form class="usa-search" role="search">
            <label class="usa-sr-only" for="search-field">Search</label>
            <input class="usa-input" id="search-field" type="search" name="search">
            <button class="usa-button" type="submit">
                <span class="usa-search__submit-text">Search</span>
            </button>
        </form>
    </section>

    <section aria-label="Big search component">
        <h2>Big</h2>

        <form class="usa-search usa-search--big" role="search">
            <label class="usa-sr-only" for="search-field-big">Search</label>
            <input class="usa-input" id="search-field-big" type="search" name="search">
            <button class="usa-button" type="submit">
                <span class="usa-search__submit-text">Search</span>
            </button>
        </form>
    </section>

    <section aria-label="Small search component">
        <h2>Small</h2>

        <form class="usa-search usa-search--small" role="search">
            <label class="usa-sr-only" for="search-field-small">Search</label>
            <input class="usa-input" id="search-field-small" type="search" name="search">
            <button class="usa-button" type="submit">
                <img src="../../dist/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" />
            </button>
        </form>
    </section>

</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 -%}
    {% set search_opts = {
      search_header: true,
      search_js: false,
      id_prefix: nav.id_prefix
    } %}

    {% if lang == "es" %}
      {% render '@search--small-lang-es', search_opts, true %}
    {% else %}
      {% render '@search--small', search_opts, true %}
    {% endif %}
  {%- endif -%}
</div>
 
package:
  name: null
  version: 2.1.0
uswds:
  path: ../../dist
lang: es
nav:
  search: true
  links:
    - text: <Secondary link>
    - text: <Another secondary link>