Badge
Badges are used to display certain information such as user status or a notification number as small circles in the top or bottom right.
Status Badge
Status badge is used to represent a user's status. The options are online (green), offline (grey) and do not disturb (red). The badges are available according to three avatar sizes - large (lg), medium (md) and very small (xs).
You can paste the below code to get the badges on avatars according to avatar size.
Icon with Number Badge
Number Badge can be used to display the number of messages or notifications in the icon on which it is present.
12
46
5
99
You can paste the below code to use the number badge on icons.