Popover

Базовый поповер

open: false

Направления

open: false

Без закрытия по клику вне

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

Имя	Тип	По умолчанию	Описание
`placement`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'bottom'`	Предпочтительное направление появления
`closeOnClickOutside`	`boolean`	`true`	Закрытие по клику вне поповера
`closeOnEscape`	`boolean`	`true`	Закрытие по `Escape`

v-model

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

События

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

Описание

Поповер — всплывающий контент рядом с триггером, открывается по клику. Подходит для подсказок, быстрых форм и панелей действий. В отличие от Tooltip, управляется кликом и может содержать интерактивный контент.

Использование: оберните триггер в слот по умолчанию, поместите контент в слот content и управляйте через v-model:open. Направление задаётся prop placement.

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

Слот по умолчанию — содержимое триггера (обёрнуто в элемент с role="button" и tabindex="0").
Слот content — содержимое поповера; телепортируется в body.
Позиция с авто-флипом при выходе за границы вьюпорта; пересчитывается при скролле и изменении размеров.
Открытие триггером: клик, Enter или Space; закрытие — повторный клик, Escape или клик вне.
Триггер имеет aria-haspopup="dialog" и aria-expanded.