Default Alerts

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

Border Alerts

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

A simple primary alert—check it out!

With description
Primary Alert

More info about this info alert goes here. 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.

Success Alert

More info about this info alert goes here. 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.

Danger Alert

More info about this info alert goes here. 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.

Warning Alert

More info about this info alert goes here. 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.

Info Alert

More info about this info alert goes here. 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.

Light Alert

More info about this info alert goes here. 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.

With List Alerts
With Actions
With link on right

A new software update is available.

A new software update is available.

A new software update is available.

A new software update is available.

A new software update is available.

A new software update is available.

A new software update is available.

A new software update is available.

With dismiss button

A simple success alert—check it out!

open_with

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

info

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

With accent border

A simple success alert—check it out!

open_with

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

info

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

Label Icon Arrow Alerts

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

info

A simple success alert—check it out!

Top Border Alerts

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

A simple success alert—check it out!

With Background
With Background Icon
Alert Examples