default success removed in progress new moved
default success removed in progress new moved
Lozenges
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
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.