Badges

Badges helps to notify user spicifically on component.

Examples#

<button class="sw-btn sw-btn-surface m-4">
    Notifications
    <div class="sw-badge">10</div>
</button>

<button class="sw-btn sw-btn-surface m-4">
    Mail
    <div class="sw-badge sw-badge-pill sw-badge-overlay rounded" >10</div>
</button>

Classes	Description
.sw-badge *	Base Badge class creates a default solid badge
.sw-badge-pill	For oval like shape