10

SweetAlert2 (замена всплывающих окон JavaScript)

21 Ноября 2021 18:23 (ред)

SweetAlert2 — фантастическая библиотека, которая дает нам красивую и понятную альтернативу, когда дело доходит до отображения сообщений для наших пользователей. Никаких зависимостей.

Установить и использовать её очень легко, а приятное то, что мы можем использовать её в React, Vue, Angular, а также в обычном HTML и JS. Что собственно тут и надо.

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

Это не только уведомления, но и различные всплывающие окна.

Layer (что стояло на этом сайте), прекратило поддержку и надо было выбирать на что переходить. Выбор пал на SweetAlert2.

Скачать и установить SweetAlert2

npm install sweetalert2

Или можно взять с jsdelivr CDN

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

SweetAlert2 — 911 724 697 обращениями к CDN за последний месяц.

Сайты:

Последний релиз: v11.2.0, 18 часов назад. Т.е. активно поддерживается.

Доп. перевел сайт. Если вы не вошли в систему, то можно посмотреть как работает SweetAlert2 нажав на лайк поста. Или на превью заставки в Sidebar.

Возможно понадобится сделать Ctrl + F5, или что-то подобное.

10
  • Создал
  • Последний ответ
  • 50
    Просмотров
  • 2
    Ответа

2 Ответа

  1. German German 21 Ноября 2021 18:26

    SweetAlert2 — очень удачный выбор. Должна хорошо вписаться в этот сайт!

  1. Evg Evg 21 Ноября 2021 19:52
    Готово. Можно смотреть на этом сайте. Коснулся самих оповещений, переписать надо.