BasMaterial UI logo
Notifications

Badges

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

Overlap

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>

Normal

Add bas-ui-badge.


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