Toastr – это библиотека JavaScript, используемая для отображения неблокирующих уведомлений или всплывающих сообщений в веб-приложениях. Он обеспечивает простой и настраиваемый способ отображения пользователям информационных сообщений или сообщений об ошибках. Вот несколько методов, которые вы можете использовать для реализации Toastr:

1. Метод CDN:

   • Включите библиотеку Toastr, добавив следующий тег сценария в заголовок или тело вашего HTML-файла:

     <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">

   • Инициализировать Toastr и отобразить уведомление:

     // Display a success message
     toastr.success('Message', 'Title');
     // Display an error message
     toastr.error('Message', 'Title');

2. Локальная установка:

   • Если вы предпочитаете размещать Toastr локально, вы можете загрузить библиотеку из репозитория Toastr GitHub: https://github.com/CodeSeven/toastr
   • Включите в свой проект загруженные файлы CSS и JavaScript.
   • Инициализировать Toastr и отображать уведомления, как показано в методе CDN.

3. Менеджеры пакетов:

   • Toastr также доступен через менеджеры пакетов, такие как npm и Yarn. Вы можете установить его, выполнив одну из следующих команд:
     • npm: Уведомление об установке npm
     • Пряжа: пряжа добавить тоастр
   • Импортируйте Toastr в свой файл JavaScript и инициализируйте его:

     import toastr from 'toastr';
     // Display a success message
     toastr.success('Message', 'Title');
     // Display an error message
     toastr.error('Message', 'Title');

4. Дополнительная настройка:

   • Toastr предоставляет различные возможности настройки внешнего вида и поведения уведомлений. Дополнительную информацию о доступных параметрах настройки можно найти в документации Toastr: https://github.com/CodeSeven/toastr