Alert

To indicate success or a positive message add the .uk-alert-success class.

To indicate a message containing a warning add the .uk-alert-warning class.

To indicate an important message add the .uk-alert-danger class.

<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

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>