Модальное окно
компонент модалки
@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 | срабатывает при закрытие |