Alerts
Alerts provide contextual feedback about the content and improve readability if used well. It also helps in reinforcing important points that you want to highlight.
Syntax
{{< alertalert-style
="center|left|box"alert-type
="tip|error|warning|info|note"heading
="Any text"heading-prefix
="Any text"is-full-width
="true|false"margin
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on." >}}
The actual message goes here
{{< /alert >}}
Samples
This is the worst error message a server could throw!
Most users skim content while reading. A gentle warning is good if you think they can hurt themselves by skimming content.
A generic information can be useful to highlight a point you want to make.
A note is a useful information that is worth remembering.