
Badge
Badges are visual indicators for numeric values such as tallies and scores. They're commonly used before and after the label of the thing they're quantifying.
They must be used singly after a single item name, and have only numbers.
- Use lozenges for statuses.
- Use labels to call out tags and high-visibility attributes.
- Use a tooltip if you want to indicate units.

Try it out
Interact with a live demo of the @atlaskit/badge component with code examples.
Support and feedback
We're here to help!
Let us know what you think of our components and docs, your feedback is really important for us.
Ask a question in our forum.
Check if someone has already asked the same question before.
Create a support ticket
Are you in trouble? Let us know!