Skip to main content

Pills

Standard​

  • Alpha
  • Beta
  • Gamma
  • Zeta

<ul class="pills">
  <li class="pills__item pills__item--active">Alpha</li>
  <li class="pills__item">Beta</li>
  <li class="pills__item">Gamma</li>
  <li class="pills__item">Zeta</li>
</ul>

Block​

  • Alpha
  • Beta
  • Gamma
  • Zeta

<ul class="pills pills--block">
  <li class="pills__item pills__item--active">Alpha</li>
  <li class="pills__item">Beta</li>
  <li class="pills__item">Gamma</li>
  <li class="pills__item">Zeta</li>
</ul>