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!