Badge

Badge examples

5 1566 online offline
<span class="badge badge--is-red"> <span class="badge-body"> 5 </span> </span> <span class="badge badge--is-dark"> <span class="badge-body"> 1566 </span> </span> <span class="badge badge--is-green"> <span class="badge-body"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> </span> <span class="badge badge--is-info"> <span class="badge-body"> online </span> </span> <span class="badge badge--is-info badge--outline"> <span class="badge-body"> offline </span> </span>

Badge pattern

4
<span class="badge "> <span class="badge-body"> 4 </span> </span>