With Icons

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.

Without Icons

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.

With Close Button

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.

Without Close Button

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.

Styles

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Shape

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Info! This alert needs your attention, but it’s not super important.

Alerts & Callouts