sweetalert2

What is sweetalert2?

SweetAlert2 is a beautiful, responsive, customizable, and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. It provides a wide range of alert types, including success, error, warning, and information alerts, as well as more complex modal dialogs.

What are sweetalert2's main functionalities?

Basic Alert

Displays a basic alert with a message.

Swal.fire('Hello world!');

Success Alert

Displays a success alert with a title, message, and success icon.

Swal.fire('Good job!', 'You clicked the button!', 'success');

Error Alert

Displays an error alert with a title, message, and error icon.

Swal.fire({ icon: 'error', title: 'Oops...', text: 'Something went wrong!' });

Custom HTML Alert

Displays an alert with custom HTML content, including bold text, links, and custom buttons.

Swal.fire({ title: '<strong>HTML <u>example</u></strong>', icon: 'info', html: 'You can use <b>bold text</b>, <a href="//sweetalert2.github.io">links</a> and other HTML tags', showCloseButton: true, showCancelButton: true, focusConfirm: false, confirmButtonText: '<i class="fa fa-thumbs-up"></i> Great!', confirmButtonAriaLabel: 'Thumbs up, great!', cancelButtonText: '<i class="fa fa-thumbs-down"></i>', cancelButtonAriaLabel: 'Thumbs down' });

Input Alert

Displays an alert with an input field for the user to submit data, and performs an asynchronous operation based on the input.

Swal.fire({ title: 'Submit your Github username', input: 'text', inputAttributes: { autocapitalize: 'off' }, showCancelButton: true, confirmButtonText: 'Look up', showLoaderOnConfirm: true, preConfirm: (login) => { return fetch(`//api.github.com/users/${login}`) .then(response => { if (!response.ok) { throw new Error(response.statusText) } return response.json() }) .catch(error => { Swal.showValidationMessage(`Request failed: ${error}`) }) }, allowOutsideClick: () => !Swal.isLoading() }).then((result) => { if (result.isConfirmed) { Swal.fire({ title: `${result.value.login}'s avatar`, imageUrl: result.value.avatar_url }) } });

Other packages similar to sweetalert2

noty

Noty is a dependency-free notification library that makes it easy to create alert, success, error, warning, and information messages as an alternative to SweetAlert2. Noty is more focused on notifications rather than modal dialogs and offers a different set of customization options.

toastr

Toastr is a simple JavaScript toast notification library that is similar to SweetAlert2 but focuses on non-blocking notifications. It is lightweight and easy to use, making it a good choice for simple alert needs without the need for modal dialogs.

bootbox

Bootbox.js is a small JavaScript library that allows you to create programmatic dialog boxes using Bootstrap modals. It provides similar functionalities to SweetAlert2 but is tightly integrated with Bootstrap, making it a good choice if you are already using Bootstrap in your project.

README

A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement
for JavaScript's popup boxes. Zero dependencies.

---

Installation | Usage | Examples | Recipe gallery | Themes | React | Angular

Sponsors

For all questions related to sponsorship please get in touch with me via email [e-mail]

Become a sponsor

Kryptovaluutat

DLX Plugins

Tiago de Oliveira Stutz

Roboflow

ZezeLife

Real Spy Apps

Phone Tracking Apps

Metal Raised Garden Bed

NSFW Sponsors

Become a NSFW sponsor

SoSexDoll

AeroEscorts

Hismith

Doll Authority

DreamLoveDoll

SexDollPartner

XspaceCup

Sexsi Toys

CheapestSexDolls

NakeDoll

hentai sex toys

VSDoll

XNDOLL

sexdoll torso

anime sexdoll

cheap sexdoll

huge dildo

sexdoll

Cute Sex Doll

best pocket pussy

female torso sex doll

male masturbator

penis pump

BestRealDoll

SexDollTech

SexDollsOff

RealSexDoll

Your Doll

Annie's Dollhouse

STC

DoctorClimax

BSDoll

---

Important notice about the usage of this software for .ru, .su, .by, and .рф domain zones

As a consequence of the illegal war in Ukraine, the behavior of this repository and related npm package sweetalert2 is different for .ru, .su, .by, and .рф domain zones.

Including this software in any domain in .ru, .su, .by, and .рф domain zones will block the website navigation and play the national anthem of Ukraine.

This behavior is classified as protestware and this project is listed in GitHub Advisory Database and Snyk Vulnerability DB.

Changelog

11.14.1 (2024-09-21)

Bug Fixes

• avoid using deprecated sass lighten function (#2767) (eb16ab3)

Features

• add global events .on() .off() .once() (#2763) (60dabc1)