<div class="langDropdown ">

    <a href="#" role="button" class="langDropdown_trigger has-navArrow js-header-toggler" data-target="#MainLang">
    <span class="u-sr-only">Toggle the language menu. Current language: English (United States)</span>
    <span aria-hidden="true">EN</span>
  </a>

    <ul class="langDropdown_list js-header-target" id="MainLang">
        <li class="langDropdown_item">
            <a class="langDropdown_link" href="#" rel="alternate" hreflang="de-DE" aria-label="Deutsch">
          <span aria-hidden="true">DE</span>
        </a>
        </li>
        <li class="langDropdown_item">
            <a class="langDropdown_link" href="#" rel="alternate" hreflang="it-IT" aria-label="Italiano">
          <span aria-hidden="true">IT</span>
        </a>
        </li>
    </ul>
</div>
<div class="langDropdown ">

  <a href="#" role="button" class="langDropdown_trigger has-navArrow js-header-toggler" data-target="#MainLang">
    <span class="u-sr-only">Toggle the language menu. Current language: English (United States)</span>
    <span aria-hidden="true">EN</span>
  </a>

  <ul class="langDropdown_list js-header-target" id="MainLang">
    {{#each items}}
      <li class="langDropdown_item">
        <a class="langDropdown_link" href="{{ ../url }}" rel="alternate" hreflang="{{langCode}}" aria-label="{{ariaLabel}}">
          <span aria-hidden="true">{{alias}}</span>
        </a>
      </li>
    {{/each}}
  </ul>
</div>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "bodyClass": "js-header",
  "items": [
    {
      "langCode": "de-DE",
      "ariaLabel": "Deutsch",
      "alias": "DE"
    },
    {
      "langCode": "it-IT",
      "ariaLabel": "Italiano",
      "alias": "IT"
    }
  ]
}

There are no notes for this item.