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. Use it with class name badge along with it's 3 variants : online | offline | dnd inside the badge-container class.
Icon badge
Icon Badge is used to show the no. of items present in the parent component. Use badge-container, badge class along with badge-ico class.
10