Вкладки с панелями

<div class="tabset" data-ui-tabset>
  <div class="tabset__list" role="tablist" aria-label="Настройки комнаты">
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-1-t1" aria-controls="ts-ex-1-p1" aria-selected="true">Основное</button>
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-1-t2" aria-controls="ts-ex-1-p2" aria-selected="false" tabindex="-1">Доступ</button>
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-1-t3" aria-controls="ts-ex-1-p3" aria-selected="false" tabindex="-1">Запись</button>
  </div>
  <div class="tabset__panel is-active" role="tabpanel" id="ts-ex-1-p1" aria-labelledby="ts-ex-1-t1" tabindex="0">
    <h3 class="tabset__nojs">Основное</h3>
    <p>Название комнаты и адрес, по которому к ней подключаются участники.</p>
  </div>
  <div class="tabset__panel" role="tabpanel" id="ts-ex-1-p2" aria-labelledby="ts-ex-1-t2" tabindex="0">
    <h3 class="tabset__nojs">Доступ</h3>
    <p>Пароль на вход, зал ожидания и список организаторов.</p>
  </div>
  <div class="tabset__panel" role="tabpanel" id="ts-ex-1-p3" aria-labelledby="ts-ex-1-t3" tabindex="0">
    <h3 class="tabset__nojs">Запись</h3>
    <p>Записи хранятся 90 дней, затем удаляются автоматически.</p>
  </div>
</div>

<div class="tabset tabset--vertical" data-ui-tabset>
  <div class="tabset__list" role="tablist" aria-orientation="vertical" aria-label="Руководство по дежурствам">
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-2-t1" aria-controls="ts-ex-2-p1" aria-selected="true">Приёмка смены</button>
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-2-t2" aria-controls="ts-ex-2-p2" aria-selected="false" tabindex="-1">Эскалация</button>
    <button class="tabset__tab" type="button" role="tab" id="ts-ex-2-t3" aria-controls="ts-ex-2-p3" aria-selected="false" tabindex="-1">Передача смены</button>
  </div>
  <div class="tabset__panel is-active" role="tabpanel" id="ts-ex-2-p1" aria-labelledby="ts-ex-2-t1" tabindex="0">
    <h3 class="tabset__nojs">Приёмка смены</h3>
    <p>Прочитайте журнал предыдущей смены и проверьте открытые инциденты.</p>
  </div>
  <div class="tabset__panel" role="tabpanel" id="ts-ex-2-p2" aria-labelledby="ts-ex-2-t2" tabindex="0">
    <h3 class="tabset__nojs">Эскалация</h3>
    <p>Если инцидент не закрыт за 30 минут, подключите ответственного за сервис.</p>
  </div>
  <div class="tabset__panel" role="tabpanel" id="ts-ex-2-p3" aria-labelledby="ts-ex-2-t3" tabindex="0">
    <h3 class="tabset__nojs">Передача смены</h3>
    <p>Запишите в журнал всё, что осталось в работе, и назовите следующего дежурного.</p>
  </div>
</div>