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>
Copy to clipboard
- 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>
Copy to clipboard
- 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
Support
Franken UI is an independent project free for everyone. Help
support it and expand its component library.