Alerts
Simple alert
This is a primary alert—check it out!
This is a secondary alert—check it out!
This is a success alert—check it out!
This is a danger alert—check it out!
This is a warning alert—check it out!
This is a info alert—check it out!
This is a light alert—check it out!
This is a dark alert—check it out!
With Icons & Dismissing
This is a primary alert—check it out!
This is a secondary alert—check it out!
This is a secondary alert—check it out!
This is a secondary alert—check it out!
This is a secondary alert—check it out!
This is a secondary alert—check it out!
This is a success alert—check it out!
This is a danger alert—check it out!
This is a warning alert—check it out!
This is a info alert—check it out!
This is a light alert—check it out!
This is a dark alert—check it out!
Additional content
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
This is a danger alert with an example link. Give it a click if you like.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.