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>