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