New This website is new, your feedback will help us to improve it.

Badge

Overview

Use the .bsk-badge class to highlight a count, such as items needing further attention. An empty badge will automatically collapse and be hidden.


Badges are only intended for numbers. For more general purposes, use Labels.

Variants

Default badge

Unread notifications 42

Unread notifications 

<p><a href="#">Unread notifications</a> <a href="#"><span class="bsk-badge">42</span></a></p>
<!-- Empty badges automatically hide -->
<p><a href="#">Unread notifications</a> <a href="#"><span class="bsk-badge"></span></a></p>