custom_dialogs

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

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

Или просто установите через 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 либо другие сборщики на ваш вкус.