Buttons, Alerts & Messages

Buttons

There are plenty of colors to choose from.

[raw]
[button link="#" style="default" window="false"]Button[/button]
[button link="#" style="dark-gray" window="false"]Button[/button]
[button link="#" style="orange" window="false"]Button[/button]
[button link="#" style="black" window="false"]Button[/button]
[button link="#" style="light-gray" window="false"]Button[/button]
[button link="#" style="dark-yellow" window="false"]Button[/button]
[button link="#" style="peach" window="false"]Button[/button]
[button link="#" style="red" window="false"]Button[/button]
[button link="#" style="green" window="false"]Button[/button]
[button link="#" style="blue" window="false"]Button[/button]
[button link="#" style="purple" window="false"]Button[/button]
[button link="#" style="yellow" window="false"]Button[/button]
[button link="#" style="fuchsia" window="false"]Button[/button]
[button link="#" style="bronze" window="false"]Button[/button]
[button link="#" style="aqua" window="false"]Button[/button]
[/raw]

[divider]

Alerts

Grab attention and hold it.

[raw]
[one_half]

[alert type="info" show_close="true"]Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.[/alert]

[alert type="success" show_close="true"]Well done! You successfully read this alert message.[/alert]
[/one_half][one_half_last]

[alert type="warning" show_close="true"]Holy guacamole! Best check yo self, you’re not looking too good.[/alert]

[alert type="error" show_close="true"]Oh snap! Change this and that and try again.[/alert]

[/one_half_last]
[/raw]

[divider]

Messages

Get your message across in style.

[raw]
[one_half]
[message type="info" show_close="true"]Heads up! This is an info message that can take any content.

[button link="#" style="default" class="small" window="false"]Take this action[/button][button link="#" style="default" class="small" window="false"]Or do this[/button]

[/message]

[message type="success" show_close="true"]Well done! This is a success message that can take any content.[/message]

[/one_half][one_half_last]

[message type="warning" show_close="true"]Holy guacamole! This is a warning message that can take any content.[/message]

[message type="error" show_close="true"]Oh snap! This is an error message that can take any content.[/message]
[/one_half_last]
[/raw]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>