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>