Specifications
Badges come in 3 defined heights:
- Small: 14px
- Default: 20px
- Large: 28px
Badges should be centered vertically inside of their containing element.
Font weight: 700
| Example | Height | Use Case | |
|---|---|---|---|
| Small | Badge | 14px | Inside lists or other elements |
| Default | Badge | 20px | Stand-alone or inside lists |
| Large | Badge | 28px | Stand-alone for emphasis |
Was this page helpful?
Thanks for your feedback!