Rounded

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

Square

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

Round

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

Outlined

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

3d

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

Square Outlined

Important Info
This is the info alert box for sharing…info.

Warning
This warning box has the optional close button turned on. Try it out.

Congratulations
This is great when a customer or user does something successfully.

Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.

Top