Badge

Badge are small circles, positioned either at the top-right or bottom right of the parent components. Badge can be used to display numbers, online/offline status

Badge have to be wrapped inside badge-container class


Badge on avatar

badge-avatar class we have to use.

Badge on avatar size will be decrease or increase automatically based on the container size

sample image circle
sample image sq
sample image circle
sample image circle
sample image sq

Badge on icon

badge-icon class we have to to use.

shopping_cart
12
email
99+
notifications
8