Табы

Табы в виде ссылок

<div class="blocks__title bt-tab flex bt-bb">
    <div class="flex up-tabs js-tabs up-tabs-b up-tabs-100 scroll-mx" role="tablist" aria-labelledby="tabs-label-post">
        <button class="btn btn-s btn-active" role="tab" aria-selected="true" data-up-target="#tab-1" type="button">Таб #1</button>
        <button class="btn btn-s" role="tab" aria-selected="false" data-up-target="#tab-2" type="button">Таб #2</button>
        <button class="btn btn-s" role="tab" aria-selected="false" data-up-target="#tab-3" type="button">Таб #3</button>
    </div>
</div>

<div class="up-tabs-content active" id="tab-1">
  // контент таба #1
</div>
<div class="up-tabs-content" id="tab-2">
  // контент таба #2
</div>
<div class="up-tabs-content" id="tab-3">
  // контент таба #3
</div>

Табы в виде кнопок

<div class="blocks__title bt-tab flex">
    <div class="flex up-tabs js-tabs up-tabs-100 scroll-mx" role="tablist" aria-labelledby="tabs-label-post" data-up-btn-class="btn-outline-light">
        <button class="btn btn-s btn-theme btn-active" role="tab" aria-selected="true" data-up-target="#tab-button-1"  type="button">Таб #1</button>
        <button class="btn btn-s btn-theme" role="tab" aria-selected="false" data-up-target="#tab-button-2"  type="button">Таб #2</button>
        <button class="btn btn-s btn-theme" role="tab" aria-selected="false" data-up-target="#tab-button-3"  type="button">Таб #3</button>
    </div>
</div>

<div class="up-tabs-content active" id="tab-button-1">
  // контент таба #1
</div>
<div class="up-tabs-content" id="tab-button-2">
  // контент таба #2
</div>
<div class="up-tabs-content" id="tab-button-3">
  // контент таба #3
</div>