@chesd/rmodal

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

npm i @chesd/rmodal

Как подключить:

import '@chesd/rmodal';

Использование в режиме модального окна:

  const modal = rmodal({
        closable: true, // Для закрытия кликом по фону или нажатием на крестик (по умолчанию true)
        centered: true, // Вывод по центру окна (по умолчанию false)
        width: 800, // Ширина в пикселях (по умолчанию 600)
        title: 'Модальное окно', // Заголовок
        content: 'Контент', // Контент
        onOpen: function(){}, // Колбек при открытии
        onClose: function(){}, // Колбек перед закрытием
        buttons: [ // Кнопки в футере (по умолчанию их нет)
            {
                title: 'Сохранить', // Название кнопки
                type: 'primary', // Стиль кнопки primary, danger (по умолчанию null)
                onClick(){} // Колбек при клике по кнопке
            },
            {
                title: 'Отмена',
                onClick(){ modal.close() }
            },
            {
                title: 'Удалить',
                type: 'danger',
                onClick(){}
            },
        ]
    })

    modal.open() // Открыть
    modal.close() // Закрыть
    modal.setContent() // Заменить контент
    modal.getContent() // Забрать контент

Использование как конфирм:

<a href="#" data-rconfirm="Вы уверены?">Перейти</a>
<a href="#" data-rconfirm="Вы уверены?" data-rtitle="Заголовок">Перейти</a>

<form action="#" data-rconfirm="Вы уверены?">
    <button type="submit">Отправить форму</button>
</form>