Basic Alert
Holy guacamole! You should check in on some of those fields below.
Live example
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.
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
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 small shadow—check it out!
A simple primary alert with small shadow—check it out!
A simple primary alert with small shadow—check it out!
A simple primary alert with small shadow—check it out!
A simple primary alert with small 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
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
Customized Alerts With SVG's
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 dark alert with image—check it out!