Badge

Small status UI elements

Badges are small status descriptors for UI elements. A badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.

4

Colors #

It is available in 2 different colors.

  • Primary
  • Secondary
4
4

Positions #

It can be placed in any corner of icon. The following modifiers can be used:

  • Top right: is-top is-right
  • Bottom right: is-bottom is-right
  • Bottom left: is-bottom is-left
  • Top left: is-top is-left
4
4
4
4