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 the user. It can be used with 3 variants : online | offline | dnd

female avatar
male-profile
male avatar

Number Badge

Number Badge is used to show the number of items present in the parent component.

10
15
20