Alerts
Default Alert
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Holy guacamole! You should check in on some of those fields below.
Oh snap! Change a few things up and try submitting again.
Icon Examples
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Holy guacamole! You should check in on some of those fields below.
Oh snap! Change a few things up and try submitting again.
Default Alert (White)
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Holy guacamole! You should check in on some of those fields below.
Oh snap! Change a few things up and try submitting again.
Icon Examples (White)
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Holy guacamole! You should check in on some of those fields below.
Oh snap! Change a few things up and try submitting again.
Sweet Alert 2
Use different button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Alert Type | Example |
---|---|
A basic message | |
A title with a text under | |
A success message! | |
A warning message, with a function attached to the "Confirm"-button... | |
By passing a parameter, you can execute something else for "Cancel". | |
A message with custom Image Header | |
A message with auto close timer | |
Custom HTML description and buttons | |
A message with custom width, padding and background | |
Ajax request example | |
Chaining modals (queue) example | |
Dynamic queue example |