Notification

Notification Details and use

Bootstrap 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

notify Alerts

$.notify("Alert!", {type:"info"});

Colorfull Alerts

$.notify("Alert!", {color: "#fff", background: "#D44950"});

Sweet Alerts

swal(
  'Oops...',
  'Something went wrong!',
  'error'
)
  • A basic message

  • 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