Label

Indicate important notes and highlight parts of your content.

Usage

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

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

Default Primary Secondary Danger

<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-danger">Danger</span>

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-danger`	Adds a destructive style.

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

Default Primary Secondary Danger

<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-danger">Danger</span>

On This Page
Usage
Style modifiers

Request Web Components

Franken UI is an independent project. Help support it and expand its free component library.

Reach out