Press "Enter" to skip to content

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.

custom alert dialog in web, custom alert popup, notification page design html, notification popup html css, notification bar html template, customize javascript alert box css

How to make use of it:

1. Just insert the principle JavaScript asgar-alert.js into the doc and also you’re able to go.

<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
  
);

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 Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.