Background None

Success! You successfully read this important alert message.
Info! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Danger! Change a few things up and try submitting again.

Box With Icon

Success! You successfully read this important alert message.
Info! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Danger! Change a few things up and try submitting again.

Box With Closable

× Success! This alert box could indicate a successful or positive action.
× Info! This alert box could indicate a neutral informative change or action.
× Warning! This alert box could indicate a warning that might need attention.
× Danger! This alert box could indicate a dangerous or potentially negative action.

Box With Sizing

Success! You successfully read this important alert message.
Info! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Danger! Change a few things up and try submitting again.