@uswds/uswds/packages/usa-language-selector/src/test/template.html

Open source UI components and visual style guide for U.S. government websites

<div class="usa-language-container usa-language--small">
  <ul class="usa-language__primary usa-accordion">
    <li class="usa-language__primary-item">
      <button class="usa-button usa-language__link" role="button" aria-expanded="false" aria-controls="language-options">
        Languages
      </button>
      <ul id="language-options" class="usa-language__submenu" hidden="">
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="العربية | Arabic">
            <span lang="ar" xml:lang="ar">
              <strong>عربى</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="简体字 | Chinese (Simplified)">
            <span lang="zh" xml:lang="zh">
              <strong>简体字</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="English">
            <span lang="en" xml:lang="en">
              <strong>English</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="Español | Spanish">
            <span lang="es" xml:lang="es">
              <strong>Español</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="Français | French">
            <span lang="fr" xml:lang="fr">
              <strong>Français</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="Italiano | Italian">
            <span lang="it" xml:lang="it">
              <strong>Italiano</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()" title="Pусский | Russian">
            <span lang="ru" xml:lang="ru">
              <strong>Pусский</strong>
            </span>
          </a>
        </li>
        <li class="usa-language__submenu-item">
          <a href="javascript:void()">Selected content in additional languages</a>
        </li>
      </ul>
    </li>
  </ul>
</div>