A basic type that allows you to choose colors to fit any need.
When to use
- To add a badge with custom styling.
When not to use
- To offer an action in a component with custom styling—use a button primitive.
Use freedom wisely
With great freedom comes great responsibility. Primitive components offer many more options for styling. Use these options wisely and make sure your badges are still accessible to everyone.
Follow badge guidelines
Badge primitives are still badges. So make sure to follow all the guidelines for badge components.