Documentation

Labels

Code snippetsDesign guidelines

Summary

Labels are used to tag or label content with certain keywords; and optionally to link to resources showing more information related to that keyword. Can be closeable.

AUI Labels can be created in four configurations:

  • unclickable (information only)
  • unclickable, but closeable
  • clickable
  • clickable AND closeable - a "split label" with two distinct actions

Status

API status:experimental
Included in AUI core?Not in core You must explicitly require the web resource key.
Web resource key:com.atlassian.auiplugin:aui-experimental-labels
Experimental since:5.0

Examples

Label text Label link Removable label(remove closableNoUrl)

Removable label link(remove splitLabel)

Code

Soy

{call atlassian.labels.label}
    {param text: 'unclickableUncloseable' /}
    {param id: 'unclickable-label' /}
{/call}
{call atlassian.labels.label}
    {param text: 'clickable' /}
    {param id: 'clickable-label' /}
    {param url: 'http://example.com/' /}
{/call}
{call atlassian.labels.label}
    {param text: 'closableNoUrl' /}
    {param id: 'closeable-label-nourl' /}
    {param isCloseable: true /}
{/call}
{call atlassian.labels.label}
    {param text: 'splitLabel' /}
    {param id: 'split-label' /}
    {param url: 'http://example.com/' /}
    {param isCloseable: true /}
{/call}