custom_dialogs/README.md

Удобное диалоговое окно

Кастомное модальное окно

клонируйте код и подключите к своему проекту, более нечего не требуется.

Или просто установите через npm install custom_dialogs

Для создания диалогового окна используйте кастомный tags :

    <custom-tag open_b='target' close_b='target_close'>'ALL'</custom-tag>

где аттрибут: 

    open_b - является обязательным т.к. это элемент при нажатии на которого должнен открываться диалоговое окно

    close_b - соответственно кнопка при котором происходить закрытие, однако данный аттрибуте(close_b) является не обязательным т.к.

закрытие происходить по нажатию на пустое место в экране.

События прикрепляются ко всем элемент custom-tag которое вы указали.

Для подключение библиотеки следует просто ее импортировать(если установили при помощи npm) и задать имя вашего тэга

    import {Dialog_custom} from 'dialog_custom'; // Либо через require
    new Dialog_custom('custom-tags');
    
Т.к. import/require еще не вовсех браузерах поддерживаются рекомендую использовать webpack
либо другие сборщики на ваш вкус.