Drawer

Панель справа

Панель слева

Кастомная ширина и закрытие только по Esc

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

Имя	Тип	По умолчанию	Описание
`side`	`'left' \| 'right'`	`'right'`	Сторона появления панели
`closeOnBackdrop`	`boolean`	`true`	Закрытие по клику на фон
`closeOnEscape`	`boolean`	`true`	Закрытие по `Escape`
`width`	`string`	`'24rem'`	Ширина панели
`ariaLabel`	`string`	`'Панель'`	Подпись панели для скринридеров

v-model

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

События

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

Описание

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

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

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

Слот по умолчанию — содержимое тела панели.
Панель телепортируется в body и имеет role="dialog".
При открытии блокируется прокрутка страницы и фокус переводится в панель; при закрытии возвращается на элемент, из которого открыли.
Фокус-тэп: Tab / Shift+Tab удерживает фокус внутри панели.