<!-- Block -->
<nav class="dropdown dropdown--block" aria-labelledby="dropdown-a644-control">
  <button class="dropdown__control js-dropdown" id="dropdown-a644-control" aria-expanded="false" aria-controls="dropdown-a644-list" type="button"><span class="dropdown__control-inner"><span class="dropdown__control-label">Dropdown</span><span class="dropdown__control-indicator"><svg class="icon icon--angle-down dropdown__control-icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-angle-down"></use>
</svg></span></span>
  </button>
  <ul class="dropdown__items" id="dropdown-a644-list">
    <li class="dropdown__item">
      <a class="dropdown__link" href="#" tabindex="-1">Option 1</a>
    </li>
    <li class="dropdown__item">
      <a class="dropdown__link" href="#" tabindex="-1">Eine sehr lange Option 2</a>
    </li>
    <li class="dropdown__item">
      <a class="dropdown__link" href="#" tabindex="-1">Option 3</a>
    </li>
  </ul>
</nav>

{
  "control": "Dropdown",
  "items": [
    {
      "link": "#",
      "title": "Option 1"
    },
    {
      "link": "#",
      "title": "Eine sehr lange Option 2"
    },
    {
      "link": "#",
      "title": "Option 3"
    }
  ],
  "block": true
}