1. Just insert the principle JavaScript asgar-alert.js into the document.

<script defer src="asgar-alert.js"></script>

2. Create a primary alert field on the web page.

asgar({ 
  title: "Alert Message", 
  right: "Okay" 
}).then(() => {
  console.log("OK");
});

3. Create an affirmation dialog with callbacks.

asgar({
  title: "Are you sure?",
  message: "Want to log out?",
  details: "You will not able to recover this action",
  left: "Cancel",
  right: "Yes,Iam sure",
})
.then(() => {
  console.log("right button clicked");
})
.catch(() => {
  console.log("left button clicked");
});

4. Create toast notifications.

asgar(

  // message
  "I am a success message", 

  // info/warning/success/error
  "success", 

  // details
  "After 5 seconds it will be gone",

  // duration in ms
  5000
  
);

Browser compatibility

Easy Alert & Notification Dialog Library, AsgarAlert Plugin/Github, css notification animation, notification css

See Demo And Download