Skip to main content

Badge

The Badge indicates quantity or change in quantity of information. It must not appear isolated and, therefore, must be linked to the main information to which it refers.

It should always be used together with information that indicates what is being accounted for. In notification, always use the color red or use Tooltip whenever you consider it important to help the user to understand.

Formats

Badge can appear in 3 different ways: Above the unnumbered icon, Above the numbered icon, Next to text (unlike tags).

Kinds

There are 3 different types of badges: Neutral, Attention, Success.

Feedback