Badges

Badge is used to show the status information of the user or notification number or number of items in the cart.

Badge on Avatar

Badge on Avatar can be used to show different user status, such as offline, idle and online. Use class badge-L, badge or badge-S according to size of the avatar used. Regular size is set as default for badge class.

Refer the below code to use different variations of badges on avatar. Make changes as per your requirements.

Badge on Icon

Badge on Icon can be used to show count information.

Refer the below code to use different variations of badges on icon. Make changes as per your requirements.