SweetAlert

SweetAlert works for alert and confirmation popups, allowing developers to show prettified error, success, and notification messages.

What this library does is to hide the browser default popups and replace them with HTML&CSS powered modals.

These replacement popups are all fully controllable by the page's developer and can be customized and animated in any way he wishes to.

This provides a much more user-friendly system for showing various messages and user feedback, all without blocking access to the rest of the page like default alert() functions do.

A SweetAlert demo is included with the download package.

What is new in this release:

• Prompt feature (finally)! You can now pass in type: "input" to get a sweet looking prompt from SweetAlert! Check out the docs and examples to learn more about how to configure and validate the input field.
• Two new animations: "slide-from-top" and "slide-from-bottom", which can be set through the animation param.
• Clicking outside the modal now calls the callback function (if it exists), just like when you click the Cancel-button.
• Possibility to disable confirm button color style manipulation by padding confirmButtonColor: false.
• Page scrolling is now deactivated when the input is shown.
• Added a link to the SweetAlert tutorial on Ludu.
• Other smaller bug fixes.

What is new in version 1.0.1:

• Prompt feature (finally)! You can now pass in type: "input" to get a sweet looking prompt from SweetAlert! Check out the docs and examples to learn more about how to configure and validate the input field.
• Two new animations: "slide-from-top" and "slide-from-bottom", which can be set through the animation param.
• Clicking outside the modal now calls the callback function (if it exists), just like when you click the Cancel-button.
• Possibility to disable confirm button color style manipulation by padding confirmButtonColor: false.
• Page scrolling is now deactivated when the input is shown.
• Added a link to the SweetAlert tutorial on Ludu.
• Other smaller bug fixes.

What is new in version 0.5.0 / 1.0.0-beta:

• Prompt feature (finally)! You can now pass in type: "input" to get a sweet looking prompt from SweetAlert! Check out the docs and examples to learn more about how to configure and validate the input field.
• Two new animations: "slide-from-top" and "slide-from-bottom", which can be set through the animation param.
• Clicking outside the modal now calls the callback function (if it exists), just like when you click the Cancel-button.
• Possibility to disable confirm button color style manipulation by padding confirmButtonColor: false.
• Page scrolling is now deactivated when the input is shown.
• Added a link to the SweetAlert tutorial on Ludu.
• Other smaller bug fixes.

What is new in version 0.5.0:

• Prompt feature (finally)! You can now pass in type: "input" to get a sweet looking prompt from SweetAlert! Check out the docs and examples to learn more about how to configure and validate the input field.
• Two new animations: "slide-from-top" and "slide-from-bottom", which can be set through the animation param.
• Clicking outside the modal now calls the callback function (if it exists), just like when you click the Cancel-button.
• Possibility to disable confirm button color style manipulation by padding confirmButtonColor: false.
• Page scrolling is now deactivated when the input is shown.
• Added a link to the SweetAlert tutorial on Ludu.
• Other smaller bug fixes.

What is new in version 0.4.2:

• Can now install SweetAlert through NPM. Just run npm install sweetalert to get started.
• AMD & CommonJS support! You can now avoid running SweetAlert as a global function if you want to.
• Ability to hide "OK/Confirm"-button with showConfirmButton: false. This can be used if you prefer using a timer, or in combination with allowOutsideClick.
• Removal of generic class names (such as .confirm, .success... etc). All classes are now prefixed with .sa- to remove potential conflicts with your own stylesheets.

What is new in version 0.0.2:

• New feature:
• Change background color of confirmButton

Requirements:

• JavaScript enabled on client side