Badges
Summary
Badges provide quick visual identification for numeric values such as tallies and other quantities. They are not used for anything other than integers. For statuses, use Lozenges. To call out tags or other high-visibility attributes, use Labels.
Status
| API status: | general |
|---|---|
| Web resource key: |
com.atlassian.auiplugin:aui-badge
|
| AMD Module key: | N/A |
| Experimental API: | 5 |
| General API: | 5.1 |
| Web Component API: | 5.9 |
Examples
Code
HTML
Options
| Badge type | Badge type class |
|---|---|
| Default | (no type class) |
| Primary | aui-badge-primary |
Variations
Use the primary badge when the number is the more important or prominent piece of data than its label or description.
HTML deprecated
The use ofaui-badge class will be deprecated. Use the web component API instead.