Alerts

[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]

 

Leave a Reply

Your email address will not be published.