Badge
Style
A badge is number text on a pill background used to reflect the count of something.
Anatomy
- Container
- Counter number
Color scheme
Badge is available for light and dark color schemes.
Light theme
Dark theme
Configuration
All badges have the same height and border radius.
Space and width
Property | Current value |
---|---|
Minimum width | --rh-length-2xl |
Interaction states
A badge contains only text and is not interactive.