Badge

Badges are small circles, positioned either at top-right or bottom-right of the parent component. Badge can be used to display numbers, online / offline status, depending on where they are used.

Profile Badge

Profile Badge is used to show the current status of a user.

It can be used with 3 variants : online | offline | dnd

Number Badge

Number Badge is used to show the no. of items present in the parent component. add class 'badge-no' to the div.