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.
* Please note that there are dependencies in this module that are governed by the Atlassian Design Guidelines license which will be automatically included on install of this library. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies.
We're here to help!
Let us know what you think of our components and docs, your feedback is really important for us.
Are you in trouble? Read through our contribution guidelines and raise an issue to us.