SweetAlert2: методы настройки всплывающих диалогов в JavaScript

“sweetalert2” — это библиотека JavaScript, которая предоставляет настраиваемые и привлекательные всплывающие диалоговые окна для веб-приложений. Он часто используется в качестве замены стандартных функций JavaScript alert() и Confirm(). Вот некоторые методы, доступные в SweetAlert2:

Пример:

swal.fire({
  title: "Hello!",
  text: "This is a basic SweetAlert2 dialog.",
  icon: "info",
  confirmButtonText: "OK"
});
  1. swal.fireWithParams(): этот метод позволяет передать объект конфигурации с параметрами для настройки диалогового окна.

Пример:

swal.fireWithParams({
  title: "Important!",
  text: "Are you sure you want to proceed?",
  icon: "warning",
  confirmButtonText: "Yes",
  cancelButtonText: "No",
  showCancelButton: true
});
  1. swal.fireAsync(): этот метод используется для отображения асинхронного диалогового окна, возвращающего обещание. Он позволяет вам обрабатывать выбор пользователя, используя async/await или цепочку обещаний.

Пример:

const result = await swal.fireAsync({
  title: "Confirmation",
  text: "Do you want to save the changes?",
  icon: "question",
  showCancelButton: true,
  confirmButtonText: "Save",
  cancelButtonText: "Cancel"
});
if (result.isConfirmed) {
  // Save the changes
} else if (result.isDismissed) {
  // Cancelled
}

Это всего лишь несколько примеров методов, доступных в SweetAlert2. Библиотека предоставляет множество дополнительных возможностей для настройки внешнего вида и поведения диалогов.