Alerts

Provide contextual feedback about the content and improve readability. It also helps in reinforcing the important points for the current context.

Show Full Syntax...

Syntax

{{< alert
alert-style="center|left|box"
alert-type="tip|error|warning|info|note"
heading="Any text"
is-full-width="true|false"
margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
text-align-horizontal="Use left, right, center or justify to align text horizontally" >}}

The actual message goes here

{{< /alert >}}

Default Sample

Do you know?

A generic information can be useful to highlight a point you want to make.

Other Samples

Tip:

A tip is a small but useful piece of practical advice.

Warning

Most users skim content while reading. A gentle warning is good if you think they can hurt themselves by skimming content.

NOTE:

A note is a useful information that is worth remembering.

YIKES: Something went wrong

This is the worst error message a server could throw!