1.0.7 • Published 6 years ago
custom_dialogs v1.0.7
Кастомное модальное окно
клонируйте код и подключите к своему проекту, более нечего не требуется.
Или просто установите через 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 либо другие сборщики на ваш вкус.