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.
Component status
Figma | React | iOS | Android |
|---|---|---|---|
N/A | Released | N/A | Released |
Behavior
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.