Badge
Easily create nice looking notification badges.
Table of contents
Usage
To create a badge, just add the .uk-badge class to an inline element like <a> or <span> element.
Style modifiers
There are several style modifiers available. Just add one of the following classes to apply a different look.
| Class | Description |
|---|---|
.uk-badge-primary | Adds a primary style. |
.uk-badge-secondary | Adds a secondary style. |
.uk-badge-destructive | Adds a destructive style. |
Support
Franken UI is an independent project free for everyone. Help support it and
expand its component library.