Skip to main content

Badges

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

Specifications

Badges come in two defined heights:

  • Small: 32dp
  • Default: 40dp

Badges should be centered vertically inside of their containing element.

Type Example Height
Small

32dp
Default

40dp

Colors & Types

Badges

View on GitHub