Labels

You can insert these greate components anywhere. You can add them on your buttons, to show a number of notifications or to showcase some special feature.


Simple

These labels feature a rounded corner.

pink
<span class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1">
  pink
</span>

Round

These labels feature a full round corner.

pink
<span class="text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-pink-600 bg-pink-200 uppercase last:mr-0 mr-1">
  pink
</span>