Badge
Display numerical information as notification.
When to use
Use the Badge to notify the user with numerical information. It's frequently used to notify users about new messages or tasks.
Is Light
Use the lightest color version for the background and the darker color version for the text
Size
Customizes the size of the badge to change its emphasis accordingly.
Shape
Alternative
shapes with sharper and rounder edges can be used.
Color
All the
color palettes are available to be used as background.
See more information on implementing this pattern in the
product documentation