A Responsive, Customizable, and Accessible JavaScript Popup Boxes | AsgarAlert

AsgarAlert is a small JS popup box replacement library that helps you create customizable, animated, accessible dialogs/confirmation and various types of toast notifications on a web application.

How to make use of it:

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

IE11*EdgeChromeFirefoxSafariOperaAndroid Browser*UC Browser*

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


See Demo And Download

Official Website(asgaraliyev): Click Here

This superior jQuery/javascript plugin is developed by asgaraliyev. For extra Advanced Usage, please go to the official website.

Share