Badges

---

Introduction

Badges are primarily used to quickly convey information without taking up space on screen They can be used to show a user's status or as a notification badge along with a number count.

Badge on Avatars

Badge on avatars can be used to show the status of the user, whether they are online or offline The badges can be positioned on either four corners of the avatar. There are also 4 different sizes of badges, using classes

Code:

Badge on Icons

Badges are primarily used with icons to show a count of items already collected. Badges are positioned on the top-right of icons, Icons are imported and used from FontAwesome

4

99+

56

Code:

---