Label

Indicate important notes and highlight parts of your content.

Usage

To create a label, just add the .uk-label class to a  element.

<span class="uk-label"></span>

Default
Something's not working? Feel free to report an issue or edit this snippet .
```
Default
```
Something's not working? Feel free to report an issue or edit this snippet .
```
Default
```

Style modifiers

Add one of the following classes for additional styles.

Class	Description
`.uk-label-primary`	Adds a primary style.
`.uk-label-secondary`	Adds a secondary style.
`.uk-label-destructive`	Adds a destructive style.

<span class="uk-label uk-label-primary"></span>

Default Primary Secondary Destructive

Something's not working? Feel free to report an issue or edit this snippet .

<span class="uk-label">Default</span>

<span class="uk-label uk-label-primary">Primary</span>

<span class="uk-label uk-label-secondary">Secondary</span>

<span class="uk-label uk-label-destructive">Destructive</span>

Something's not working? Feel free to report an issue or edit this snippet .

<div>
  <span className="uk-label">Default</span>
  <span className="uk-label uk-label-primary">Primary</span>
  <span className="uk-label uk-label-secondary">Secondary</span>
  <span className="uk-label uk-label-destructive">Destructive</span>
</div>

On This Page
Usage
Style modifiers