mardi, juin 19, 2018
[stack_hero image= »38″]

Alerts

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

[/stack_hero]
[vc_section css= ».vc_custom_1498220772365{padding-top: 0px !important;} » ebor_docs= » »]
[stack_boxed_content padding= »boxed–lg » background= »bg–secondary »]

Alert Markup

The alert element is structured using a div with class .alert with a child.alert__body which houses the contents of the alert ie. the text and an element with class .alert__close which, when clicked – dismisses the alert.

[/stack_boxed_content]
This is a neutral alert, no cause for concern.
×
Uhoh, something has gone wrong!
×
Hooray, something has gone right!
×
Here's an alert with the primary colour
×
[/vc_section]