Notus Angular Badge

Documentation and examples for Notus badges, our small count and labelling component made with Tailwind CSS.


Simple

These badges feature a rounded corner.

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

Round

These badges feature a full round corner.

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