[simple_row]
[simple_col width=”5″]
Alerts examples
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
[/simple_col]
[simple_col width=”7″]
[alert type=”success”][fontawesome_icon icon=”fa-check-circle” color=”#ffffff”]Well done! You successfully read this important message.[/alert]
[alert type=”info”][fontawesome_icon icon=”fa-info-circle” color=”#ffffff”]Heads up! This alert needs your attention.[/alert]
[alert type=”warning”][fontawesome_icon icon=”fa-warning” color=”#ffffff”]Warning! Better check yourself, you’re not looking too good.[/alert]
[alert type=”danger”][fontawesome_icon icon=”fa-times-circle” color=”#ffffff”]Oh snap! Change a few things up and try submitting again.[/alert]
[/simple_col]
[simple_col width=”12″]
[/simple_col]
[simple_col width=”5″]
Dismissible and linked
Build on any alert by adding links and close button
[/simple_col]
[simple_col width=”7″]
[alert type=”success”][fontawesome_icon icon=”fa-check-circle” color=”#ffffff”]Well done! You successfully read this important message.[/alert]
[alert type=”info” dismissible][fontawesome_icon icon=”fa-info-circle” color=”#ffffff”]Heads up! This alert needs your attention.[/alert]
[alert type=”warning” dismissible][fontawesome_icon icon=”fa-warning” color=”#ffffff”]Warning! Better check yourself, you’re not looking too good.[/alert]
[/simple_col]
[/simple_row]