QuantumAlert — библиотека оповещений Javascript 💙

Что такое QuantumAlert?

Мощная, элегантная и полностью настраиваемая библиотека «предупреждений» с использованием JavaScript, которая заменяет этот скучный стиль предупреждений.

Разработан для работы в любом браузере.

QuantumAlert поддерживает максимально все браузеры. Он работает в любом браузере, поскольку использует чистый JavaScript с долгосрочной поддержкой. Таким образом, это не повлияет на стабильность и производительность вашего сайта.

Что нового

Мы создали эту библиотеку предупреждений без каких-либо зависимостей, что означает, что она построена с использованием чистого JAVASCRIPT и CSS. Так что каждый может использовать его без каких-либо проблем. Он имеет очень короткий и легко запоминающийся синтаксис. У него есть надлежащая документация о каждой команде и о том, как ее можно использовать в вашем следующем проекте. В нем есть три темы Белая, Темная и Темно-синяя, которые мы можем использовать, просто изменив одно слово. Его можно настроить для различных вариантов использования в соответствии с нашими потребностями.

Монтаж

1. Поместите приведенный ниже тег script под разделом head на вашей веб-странице HTML.

Для темы White ,Dark и DarkBlue

<script src="https://cdn.jsdelivr.net/gh/cosmogicofficial/quantumalert@latest/minfile/quantumalert.js" charset="utf-8"></script>

Добавьте ключевые слова defer и sync в тег script файла javascript, в котором вы хотите использовать библиотеку QuantumAlert. Это повышает производительность библиотеки и вашей веб-страницы.

For Example

<script src="example.js" charset="utf-8" defer async></script>

Здесь замените example.js на имя вашего Javascript файла, в котором вы хотите использовать библиотеку.

Примеры

Сообщение error:

Qual.error("Oops!", "Something went wrong!", err);

Simple сообщение:

Qual.sw("Hello Cosmogic!");

Simple сообщение alert box with Heading:

Qual.swh("Hello Cosmogic", "We are here to make coding fun!");

Настраиваемое окно оповещения confimation, в котором можно изменить icon, а также присвоить функции кнопкам:

Qual.confirm(
  "Submitted Successfully",
  "Your File has been uploaded successfully",
   war,
  "Ok",
  "Cancel",
  "hello",
  "max",
);

Модальное приглашение с input field, где пользователь может ввести text, password или number :

Qual.confirm(
  "Are you sure you want to continue",
  "Click Ok button to continue and Cancel to Close",
  succ,
  "OK",
  "Cancel",
  "yes_btn_fun",
  "no_btn_fun",
  "text",
  "Enter your age in this field"
);

Ютуб Учебник

Гитхаб

Веб-сайт

Это первая версия QuantumAlert
Вскоре мы представим { QuantumAlert v2 }. Некоторые из функций: -

1. Дополнительные параметры анимации предупреждений.
2. Пользовательский цвет фона
3. Пользовательские шрифты
4.Окно предупреждений T&C
5. Многое другое…….