Skip to content

eugenmorozov/modal_window_component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Кастомный компонент модального окна

Что умеет?

Этот прекрасный компонент создает новый парный HTML-тег modal-window. Он создает простое модальное окно с непритязательным material-design. Присутствуют:
  • Заголовок модального окна, атрибут: header
  • Текстовое тело модального окна, атрибут: content
  • Кнопка зеленоватая с тенью и текстом accept или любой другой пользовательский текст через атрибут accept
  • Кнопка красноватая с тенью и негативным текстом ( здесь мог быть ваш текст по атрибуту dismiss)
  • Отличный оверлей
  • Возможность закрыть всё по клику на оверлей (атрибут overlay)
  • Закрыть всё по щелчку на esc (атрибут esc)
  • Добавление своих обработчиков на кнопки при помощи addAcceptEventListener(event, handler) или addDismissEventListener(event, handler)

Почему это заслуживает оценки 8/5?

  • Полноценное использование ES6 (вам нужен babel или подождать несколько лет)
  • Оно адаптивно! Это великолепно!
  • Всё сделано на веб-компонентах
  • В конце концов, оно работает!
  • Дизайн великолепен
  • Даже этот файл почтидокументации написан
  • Посмотрите на скриншот этого прекрасного компонента и скажите, что хотите поставить меньше восьми:

About

Simple modal window component on pure js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors