Alerts

Basic Alert
Live example
Default alerts
Links in alerts
Solid Colored Alerts
A simple solid primary alert—check it out!
A simple solid secondary alert—check it out!
A simple solid info alert—check it out!
A simple solid warning alert—check it out!
A simple solid success alert—check it out!
A simple solid danger alert—check it out!
A simple solid light alert—check it out!
A simple solid dark alert—check it out!
Outline Alerts
A simple outline primary alert—check it out!
A simple outline secondary alert—check it out!
A simple outline info alert—check it out!
A simple outline warning alert—check it out!
A simple outline success alert—check it out!
A simple outline danger alert—check it out!
A simple outline light alert—check it out!
A simple outline dark alert—check it out!
Solid Alerts With Different Shadows
A simple solid primary alert with small shadow—check it out!
A simple solid primary alert with normal shadow—check it out!
A simple solid primary alert with large shadow—check it out!
A simple solid secondary alert with small shadow—check it out!
A simple solid secondary alert with normal shadow—check it out!
A simple solid secondary alert with large shadow—check it out!
Default Alerts With Different Shadows
A simple primary alert with small shadow—check it out!
A simple primary alert with normal shadow—check it out!
A simple primary alert with large shadow—check it out!
A simple secondary alert with small shadow—check it out!
A simple secondary alert with normal shadow—check it out!
A simple secondary alert with large shadow—check it out!
Rounded Solid Alerts
A simple solid rounded primary alert—check it out!
A simple solid rounded secondary alert—check it out!
A simple solid rounded warning alert—check it out!
A simple solid rounded danger alert—check it out!
Rounded Outline Alerts
A simple outline rounded primary alert—check it out!
A simple outline rounded secondary alert—check it out!
A simple outline rounded warning alert—check it out!
A simple outline rounded danger alert—check it out!
Rounded Default Alerts
A simple rounded primary alert—check it out!
A simple rounded secondary alert—check it out!
A simple rounded warning alert—check it out!
A simple rounded danger alert—check it out!
Rounded Alerts With Custom Close Button
A simple rounded primary alert—check it out!
A simple rounded secondary alert—check it out!
A simple rounded warning alert—check it out!
A simple rounded danger   alert—check it out!
Alerts with icons
Customized Alerts With SVG's
Alerts With Images
Alerts With Different size Images
Information?

This alert is created to just show the related information.

Confirmed

This alert is created to just show the confirmation message.

Warning

This alert is created to just show the warning message.

danger

This alert is created to just show the danger message.

Information Alert
Information alert to show to information
Success Alert
Success alert to show to success message
Warning Alert
Warning alert to show warning message
Danger Alert
Danger alert to show the danger message
Information Alert
Information alert to show to information
Success Alert
Success alert to show to success message
Warning Alert
Warning alert to show to warning message
Danger Alert
Danger alert to show to danger message
Additional content