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 is used to show the current status of a user, i.e, Online, Offline & Do not disturb.

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