[gr-columns][gr-column type=”1/3″]
Alerts without icons
Phasellus dui leo, convallis a metus a, fringilla pharetra orci. Donec a mattis diam, ac dapibus justo.
[/gr-column][gr-column type=”2/3″]
[gr-alert type=”white”]Standard Message. Wrap any text for a basic warning alert message.[/gr-alert]
[gr-alert type=”yellow”]Warning! Best check yo self, you’re not looking too good.[/gr-alert]
[gr-alert type=”blue”]Heads up! This alert needs your attention, but it’s not super important.[/gr-alert]
[gr-alert type=”red”]Oh snap! Change a few things up and try submitting again.[/gr-alert]
[gr-alert type=”green”]Well done! You successfully read this important alert message.[/gr-alert]
[/gr-column][/gr-columns]
[gr-columns][gr-column type=”1/3″]
Alerts with icons
Nullam pulvinar tincidunt dignissim. Aenean interdum elementum sodales. Nunc eleifend elementum.
[/gr-column][gr-column type=”2/3″]
[gr-alert type=”white” icon=”fa fa-heart” ]Standard Message. Wrap any text for a basic warning alert message.[/gr-alert]
[gr-alert type=”yellow” icon=”fa fa-warning” ]Warning! Best check yo self, you’re not looking too good.[/gr-alert]
[gr-alert type=”blue” icon=”fa fa-info-circle” ]Heads up! This alert needs your attention, but it’s not super important.[/gr-alert]
[gr-alert type=”red” icon=”fa fa-times-circle-o” ]Oh snap! Change a few things up and try submitting again.[/gr-alert]
[gr-alert type=”green” icon=”fa fa-check-circle-o” ]Well done! You successfully read this important alert message.[/gr-alert]
[/gr-column][/gr-columns]