Модальное окно
компонент модалки
@import 'node_modules/jcore-ui/lib/scss/components/modal.scss';
import { Modal } from 'jcore-ui';
import Modal from 'jcore-ui/bin/lib/components/Modal';
Примеры и код
Свойства и методы
Использование
Для открытия модалки необходимо вызвать метод render у экземпляра компонента, либо добавить target кнопку с тем же именем модалки
const modal = new Modal({
$element: document.querySelector('.j-modal[data-name="modal"]')
})
Свойства и методы
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | true | boolean | инициализация компонента |
name | '' | string | имя компонента |
adaptive | true | boolean | если true, то модалки будет адаптивной |
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | (ctx) => | function | |
unmount | (ctx) => | function | |
render | (ctx) => | function | срабатывает при открытие |
destroy | (ctx) => | function | срабатывает при закрытие |