Аверто 1.0

Аверто — красивые сообщения в браузере.

Аверто подключается как любой другой скрипт:

<script type="text/javascript" src="/путь/к/averto.js"> 

В коде надо создать объект и вызвать в нём функцию throw:

let Av = new Averto();
Av.throw({
       message: 'Тестовое сообщение'
});

Аверто спроектирован синглтоном, а значит можете не переживать за количество сущностей, создать объект дважды не получится.

Поведение и внешний вид управляется параметрами:

  • message — единственный обязательный параметр, текст сообщения

  • title — заголовок сообщения

  • color — шестнадцатеричный код цвета фона (по умолчанию красный)

  • autohide — скрывать ли сообщение автоматически (по умолчанию true)

  • timeout — таймаут автоматического скрытия в миллисекундах (по умолчанию 3000)

  • blocking — делает сообщение модальным, блокирует интерфейс и ждёт действия пользователя (по умолчанию false)

Цвет тени и текста рассчитывается сам. Приведённый выше пример — минимальный вариант, который запустится.

Уведомления скрываются при клике на них, нажатии на пробел, энтер и эскейп.

Библиотека готова к продуктовому использованию: скрипт собран Бабелем, ЦСС — ЦССО и Автопрефексером. Итоговый объём — 3,9 кб (1,7 с ГЗипом)

ЗИП ↓

или возьмите с гитхаба.

Поделиться
Отправить
29 августа, 17:38