CoreHoverCard

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

Живой рендер

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

Карточка при наведении: расширенная справка у триггера. Триггер — слот по умолчанию, содержимое — слот #content; состояние компонент держит сам, в MDC работает без кода.

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

Задержки появления

Исходник (MDC)

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

MDC

Карточка при наведении: расширенная справка у триггера. Триггер — слот по умолчанию, содержимое — слот `#content`; состояние компонент держит сам, в MDC работает без кода.

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

::core-hover-card
Команда d2n
#content
:core-avatar{src="/images/d2n-team.jpg" alt="Команда d2n" size="40"}

Проектирует и поддерживает ядро компонентов.
::

### Задержки появления

::core-hover-card{open-delay="500" close-delay="300" placement="top-start"}
Медленная карточка
#content
Открытие через полсекунды — для случайных наведений.
::