<!-- Tab Bar -->
<div class="tab-bar js-tab-bar">
  <div class="tab-bar__inner">
    <ul class="tab-bar__items">
      <li class="tab-bar__item tab-bar__item--selected"><button class="tab-bar__tab" type="button" aria-controls="tab-list">Listenansicht</button></li>
      <li class="tab-bar__item"><button class="tab-bar__tab" type="button" aria-controls="tab-map">Kartenansicht</button></li>
    </ul>
  </div>
</div>

{
  "tabs": [
    {
      "title": "Listenansicht",
      "controls": "tab-list",
      "selected": true
    },
    {
      "title": "Kartenansicht",
      "controls": "tab-map"
    }
  ]
}