Settings
Demos
Toggle sidebar
Colors
Background
UI Elements
Badges
Default badges
Use the <Badge /> component for simple badges. Use the <CircularBadge /> component for circular badges. Use the rounded prop for rounded badges.
DefaultDefaultDefault
DefaultDefaultDefault
111
Outlined badges
Use the outlined prop for outlined badges.
DefaultDefaultDefault
DefaultDefaultDefault
111
Alternative colors
Use other color combinations for badges with alternative colors.
DefaultDefaultDefault
DefaultDefaultDefault
111