Modal

Базовое окно

Окно с футером и слотом заголовка

Без закрытия по фону и без крестика

Кастомная ширина

Входные параметры

Имя	Тип	По умолчанию	Описание
`title`	`string`	`undefined`	Заголовок окна
`closeOnBackdrop`	`boolean`	`true`	Закрытие по клику на фон
`closeOnEscape`	`boolean`	`true`	Закрытие по `Escape`
`closable`	`boolean`	`true`	Показывает кнопку закрытия в шапке
`width`	`string`	`'32rem'`	Ширина диалога

v-model

v-model:open (boolean, по умолчанию false) — управляет состоянием открытия окна.

События

Событие	Аргументы	Когда срабатывает
`close`	—	При закрытии окна (бэкдроп, `Escape`, кнопка закрытия, изменение `open`)

Описание

Модальное окно — центрированный диалог поверх страницы с затемнённым фоном. Используется для подтверждений, коротких форм и фокусировки внимания пользователя на одной задаче.

Управляется через v-model:open. Ширина задаётся prop width. При открытии блокируется прокрутка страницы и фокус переводится внутрь окна.

Дополнительная информация

Слот по умолчанию — тело окна.
Слот header — кастомная шапка (если не задан, используется title и кнопка закрытия при closable).
Слот footer — подвал с действиями (кнопки «Отмена»/«Сохранить» и т.п.).
Окно телепортируется в body и имеет role="dialog" и aria-modal="true".
Закрытие: Escape, клик на фон, кнопка закрытия, программное изменение open.
Фокус-тэп: Tab / Shift+Tab удерживает фокус внутри диалога; фокус возвращается на элемент, из которого открыли окно.