Example
Markup
<div class="uk-alert uk-alert-success"> ... </div>
<div class="uk-alert uk-alert-warning">...</div>
<div class="uk-alert uk-alert-danger">...</div>Text styles
UIkit offers various text utlities to style your text.
| Class | Description |
|---|---|
.uk-text-small |
Add this class to decrease the font size. |
.uk-text-large |
Add this class to increase the font size. |
.uk-text-bold |
Add this class to create bold text. |
.uk-text-muted |
Add this class to mute your text. |
.uk-text-info |
Add this class for additional text information. |
.uk-text-success |
Add this class to indicate success. |
.uk-text-warning |
Add this class to indicate a warning. |
.uk-text-danger |
Add this class to indicate danger. |
Success Warning Danger
1 10 1 10 1 10
-
How to use
<div class="uk-badge uk-badge-success">...</div> <div class="uk-badge uk-badge-warning">...</div> <div class="uk-badge uk-badge-danger">...</div>
