Skip to main content

Badges

Badges are non-interactive labels which hold small amounts of information.

Specifications

Badges Specifications

Sizes

Badges come in 3 defined heights:

  • Small: 20px
  • Default: 24px
  • Large: 32px

Badges should be centered vertically inside of their containing element.

Font weight: 700

Badges Sizes

States

Badges States

Last updated February 6, 2023.