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 Avatars

avatar 1 9
avatar 2 2
avatar 3 1

The badge component can be used in two ways with and without the count.

Badge on Icons

8
1
3

The badge component can be used in two ways with and without the count.