Basic Alert
Holy guacamole! You should check in on some of those fields below.
Live example
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 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!
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!
Default alerts
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
Links in alerts
A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
A simple light alert with an example link. Give it a click if you like.
A simple dark alert with an example link. Give it a click if you like.
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!
Customized Alerts With SVG's
A customized primary alert with an icon
A customized secondary alert with an icon
A customized warning alert with an icon
A customized danger alert with an icon
Alerts with icons
An example alert with an icon
An example success alert with an icon
An example warning alert with an icon
An example danger alert with an icon
Alerts With Images
A simple primary alert with image—check it out!
A simple secondary alert with image—check it out!
A simple warning alert with image—check it out!
A simple danger alert with image—check it out!
A simple info alert with image—check it out!
A simple light alert with image—check it out!
A simple dark alert with image—check it out!
Alerts With Different size Images
A simple primary alert with image—check it out!
A simple secondary alert with image—check it out!
A simple warning alert with image—check it out!
A simple danger alert with image—check it out!
A simple info alert with image—check it out!
A simple info alert with image—check it out!
Additional content

###### Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences Visit for support for queries ?

###### Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences Visit for support for queries ?

###### Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences Visit for support for queries ?

###### Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences Visit for support for queries ?

Information Alert
Information alert to show to information
cancel open
Success Alert
Success alert to show to success message
close
Warning Alert
Warning alert to show to warning message
skip open
Danger Alert
Danger alert to show to danger message
close continue
Information Alert
Information alert to show to information
cancel open
Success Alert
Success alert to show to success message
cancel open
Warning Alert
Warning alert to show warning message
cancel open
Danger Alert
Danger alert to show the danger message
cancel open

##### 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.