Shortcodes - Alerts & Badges

Alerts

To emphasize a point with an alert box, use the [alert] shortcode

[alert]Your alert message here[/alert]

Color variations

You can change the color scheme of the alert box by adding the following styles: success, warning, or danger

[alert style="success"]Your alert message here[/alert]

Closable alerts

To add a close button to an alert, use the close-button parameter in the alert shortcode

[alert close-button style="danger"]Your alert message here[/alert]

Size modifier

To create a large alert with added padding, use the uk-alert-large style in the alert shortcode.

[alert close-button style="success uk-alert-large"]
[heading size="h3" style="uk-module-title"]We are because of you[/heading]
   <p>All of all our customers are happy with our current and upcoming projects. The other 5% are learning the secret of appreciating good stuff. It is possible for you to do whatever you choose, if you first get to know who you are</p>
[/alert]

Badges

You can use badges to highlight a segment of text within your content by using the [badge] shortcode

[badge]new[/badge]

Color variations

You can change the color scheme of the badge by adding the following styles: note, success, warning, or danger. You can also use the uk-badge-notification to have a rounded badge, normally used with numbering.

[badge style="success"]new[/badge]
[badge style="warning"]legend[/badge]
[badge style="danger"]note[/badge]
[badge style="note"]normal[/badge]
[badge style="note uk-badge-notification"]1[/badge]