Summary

Coloured text lozenge, primarily for displaying status. Available in a standard and subtle variations.

Status

API status: general
Web resource key: com.atlassian.auiplugin:aui-lozenge
AMD Module key: N/A
Experimental API: 5
General API: 5.1

Examples

default success removed in progress new moved

default success removed in progress new moved

Code

HTML

Markup is simply a span with base class and type class:

Options

Lozenge type Lozenge type class
Generic (no type class)
Success aui-lozenge-success
Removed aui-lozenge-removed
Error deprecated aui-lozenge-error
In progress aui-lozenge-inprogress
Current deprecated aui-lozenge-current
Complete deprecated aui-lozenge-complete
New aui-lozenge-new
Moved aui-lozenge-moved

HTML options

To use the subtle variant, simply add the class aui-lozenge-subtle as well as the type class.