Badges

Small and adaptive tag for adding context to just about any content.

Add bas-ui-badge bas-ui-badge-overlap.


<a>
    <i class="mdi mdi-comment bas-ui-icon bas-ui-badge bas-ui-badge-overlap" data-badge="12"></i>
</a>

Add bas-ui-badge.

Inbox


<a class="bas-ui-badge" data-badge="12">Inbox</a>

Overlap