SweetAlert2 (замена всплывающих окон JavaScript)
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 за последний месяц.
Сайты:
- Посмотрите примеры: https://sweetalert2.github.io/#examples
- GitHub: https://github.com/sweetalert2/sweetalert2
Последний релиз: v11.2.0, 18 часов назад. Т.е. активно поддерживается.
Доп. перевел сайт. Если вы не вошли в систему, то можно посмотреть как работает SweetAlert2 нажав на лайк поста. Или на превью заставки в Sidebar
.
Возможно понадобится сделать Ctrl + F5, или что-то подобное.
SweetAlert2 — очень удачный выбор. Должна хорошо вписаться в этот сайт!
Готово. Можно смотреть на этом сайте. Коснулся самих оповещений, переписать надо.