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.
Badge on Avatar
Badge on avatar are used to depict the state of the user. These states can be online, offline, dnd.
.
Badge on Icon
Badge on icon are used to display the number count of items in the components.
24
4