Badges
Badges can be used for labeling components. Different types of badges are available for different types of labeling.
Badges on Components
Below are examples of
badges on buttons, icons and avatars of different
sizes. Add a .badge-container class to any container on
which you want to add a badge then create a span tag
inside the container with a class of .badge and another
class to position it as such badge-top-right and
badge-bottom-right this will position the badge in the
respective locations. if you dont want to position the badge but want
to use it notmally then just add the .badge class to any
non child containg element as we have done for the
button.