## Labels

Labels are inline styles that can be dropped into body text. For example, labels are used to show the state of items in Superdesk.

### Sizing

Example Markup
default label large label

// No text transformation

This version should be used only in combination with `label--large`

No text transform here No text transform

                        default label
                        large label

                        No text transform here
                        No text transform

### Coloring

By default labels have a wider color palette than buttons and badges.

Example Markup
default label primary label success label Color label warning label Color label alert label Color label highlight label Color label Color label Color label Color label

                        default label
                        primary label
                        success label
                        Color label
                        warning label
                        Color label
                        alert label
                        Color label
                        highlight label
                        Color label
                        Color label
                        Color label
                        Color label

### Hollow style

Example Markup
default label primary label success label Color label warning label Color label alert label Color label highlight label Color label Color label Color label Color label
Hollow large Hollow large Hollow, large & no text transformation

                        default label
                        primary label
                        success label
                        Color label
                        warning label
                        Color label
                        alert label
                        Color label
                        highlight label
                        Color label
                        Color label
                        Color label
                        Color label

                        Hollow large
                        Hollow large
                        Hollow, large & no text transformation

### Link label

Should be used only in specific case, like in line with other regular labels inside the list item. Otherwise using regular buttons is preferred.

Example Markup
default label primary label success label alert label
default label primary label success label alert label

                        default label
                        primary label
                        success label
                        alert label
                        ...

                        default label
                        primary label
                        success label
                        alert label