Slideover

Базовая панель

С футером и кастомной шапкой

Ширина и закрытие только по Esc

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

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

v-model

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

События

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

Описание

Слайдоувер — панель, выезжающая справа, со структурой шапка/тело/футер. Используется для полноценных форм и черновиков, требующих действий в подвале. Более легковесным вариантом без шапки/футера служит Drawer.

Управляется через v-model:open. Ширина задаётся prop width. Закрывается по Escape, клику на фон, кнопке закрытия или программно.

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

Слот по умолчанию — тело панели.
Слот header — кастомная шапка (если не задан, используется title и кнопка закрытия).
Слот footer — подвал с действиями.
Панель телепортируется в body и имеет role="dialog" и aria-modal="true".
При открытии блокируется прокрутка страницы и фокус переводится в панель; фокус-тэп удерживает фокус внутри.