Форум

Методология

Инструментарий

Платформа

Сообщество

desktop
touch-pad
touch-phone

modal

Используется для создания модального окна.

Обзор блока

Модификаторы блока

Модификатор Допустимые значения Способы использования Описание
visible true JS Видимость модального окна.
autoclosable true BEMJSON Автоматическое скрытие модального окна.
theme 'islands' BEMJSON Стилевое оформление.

Специализированные поля блока

Поле Тип Описание
zIndexGroupLevel Number Уровень слоя модального окна.

Описание блока

Модификаторы блока

Модификатор visible

Допустимое значение: true.

Способы использования: JS.

Выставляется при открытии модального окна.

Отвечает за видимость модального окна на странице.

Модификатор autoclosable

Допустимое значение: true.

Способ использования: BEMJSON.

Скрывает блок по клику вне зоны модального окна или по нажатию кнопки Escape.

{
    block : 'modal',
    mods : { theme : 'islands', autoclosable : true },
    content : 'Содержимое модального окна'
}

Модификатор theme

Допустимое значение: 'islands'.

Способ использования: BEMJSON.

Отвечает за стилевое оформление блока.

{
    block : 'modal',
    mods : { theme : 'islands' },
    content : 'Содержимое модального окна'
}

Специализированные поля блока

Поле zIndexGroupLevel

Тип: Number.

Определяет уровень слоя для каждого всплывающего окна.

Использует блок z-index-group.

{
    block : 'modal',
    mods : { theme : 'islands' },
    content : 'Содержимое модального окна',
    zIndexGroupLevel : 3
}
Instance methods:
setContent

Block modal

Instance methods:

setContent(content):modal
description
Sets content
parameters
content
String, jQuery
Open in a new window
Open in a new window