Skip to main content

Tabs

Standard

  • Alpha
  • Beta
  • Gamma
  • Zeta

<ul class="tabs">
<li class="tabs__item tabs__item--active">Alpha</li>
<li class="tabs__item">Beta</li>
<li class="tabs__item">Gamma</li>
<li class="tabs__item">Zeta</li>
</ul>

Block

  • Alpha
  • Beta
  • Gamma
  • Zeta

<ul class="tabs tabs--block">
<li class="tabs__item tabs__item--active">Alpha</li>
<li class="tabs__item">Beta</li>
<li class="tabs__item">Gamma</li>
<li class="tabs__item">Zeta</li>
</ul>