Documentation

Badges

Code snippetsDesign guidelines

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
Included in AUI core?Yes. You do not need to explicitly require the web resource key.
Web resource key:com.atlassian.auiplugin:aui-badge
Experimental since:5.0
General API status:5.1

Examples

1 2 3 4 5 6 7

Code

HTML

<span class="aui-badge">19</span>

Soy

{call aui.badges.badge}
    {param text: '19' /}
{/call}