Notifications

Provide contextual feedback messages for
typical user actions with the handful of available and flexible alert messages.

This is a primary alert—check it out!

This is a success alert—check it out!

This is a warning alert—check it out!

This is a danger alert—check it out!

This is a light alert—check it out!

This is a dark alert—check it out!

This is a primary alert with an example link. Give it a click if you like.

This is a success alert with an example link. Give it a click if you like.

This is a danger alert with an example link. Give it a click if you like.

This is a warning alert with an example link. Give it a click if you like.

This is a light alert with an example link. Give it a click if you like.

This is a dark alert with an example link. Give it a click if you like.

This is a primary alert.

This is a success alert.

This is a danger alert.

This is a warning alert.

This is a light alert.

This is a dark alert.

This is a primary alert with icon.

This is a success alert with icon.

This is a danger alert with icon.

This is a warning alert with icon.

This is a light alert with icon.

This is a dark alert with icon.

Dismiss primary alert.

Dismiss dark alert.

Dismiss light alert.