Notification
Notification Details and useBootstrap Alerts
Success! This alert box could indicate a successful or positive action.
Info! This alert box could indicate a neutral informative change or action.
Warning! This alert box could indicate a warning that might need attention.
Danger! This alert box could indicate a dangerous or potentially negative action.
Bootstrap Animated Alerts
×
Success! This alert box could indicate a successful or positive action.
×
Info! This alert box could indicate a neutral informative change or action.
×
Warning! This alert box could indicate a warning that might need attention.
×
Danger! This alert box could indicate a dangerous or potentially negative action.
Bootstrap Alerts link
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
notify Alerts
$.notify("Alert!", {type:"info"});
Colorfull Alerts
$.notify("Alert!", {color: "#fff", background: "#D44950"});
Sweet Alerts
swal( 'Oops...', 'Something went wrong!', 'error' )
-
A title with a text under
-
A success message!
-
Custom HTML description and buttons
-
jQuery HTML with custom animation (Animate.css )
-
A warning message, with a function attached to the "Confirm"-button...
-
... and by passing a parameter, you can execute something else for "Cancel".
-
A message with a custom image and CSS animation disabled
Animated Alerts
Scale | |
Jelly | |
Slide in | |
Genie | |
Flip | |
Bouncy Flip |