CorePopover

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Поповер: вспомогательный контент рядом с якорем. Триггер — слот по умолчанию, содержимое — слот #content; без v-model компонент держит состояние сам, поэтому в MDC пример работает.

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

Наведение вместо клика

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.

MDC

Поповер: вспомогательный контент рядом с якорем. Триггер — слот по умолчанию, содержимое — слот `#content`; без `v-model` компонент держит состояние сам, поэтому в MDC пример работает.

### Базовый пример

::core-popover
Подробнее
#content
Короткая справка появляется рядом с триггером и закрывается по клику вне.
::

### Наведение вместо клика

::core-popover{trigger="hover" placement="top-center"}
Наведи на меня
#content
Подсказка сверху без единой строчки кода.
::