Badges
Badges are small circles with indicators or numbers, positioned either at top-right or
bottom-right of the parent component. They can be used to display numbers, online / offline
status, depending on where they are used.
Profile Badges
Profile badges show the current availability status of the user. It can be
online |
offline | do-not-disturb
Number Badges
Number badges are used to show the number of unread messages or notifications or items based
on their use.
10
10
10