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.

avatar
avatar
avatar
avatar

These are the Status badges You can copy html part from below code snippet too.

Number Badge

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

2
12