Badge

Badges are an an indicator to the user that can have a numeric value or no value. Their primary use is to quickly inform the user that there is a change related to a particular element of our products.

 

Anatomy

  1. background: #272F96;
  2. text-body/p

 

Variants

Badge

Badge

Used on an element when there is only a single new item for the user's attention.

Badge - Multiple

Badge - Multiple

Used in the same manner as a badge but the count indicates the number of items for the user's attention.