HoverCard

Всплывающая карточка-предпросмотр на shadcn / Radix HoverCard. Compound-набор: HoverCard / HoverCardTrigger / HoverCardContent. Карточка появляется при наведении курсора или фокусе с клавиатуры на триггере (обычно ссылке). Задержку показа и скрытия задают openDelay / closeDelay на HoverCard, а позицию — side / align / sideOffset на HoverCardContent.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Триггер-ссылка + Content с превью профиля. Наведите курсор (или сфокусируйтесь) на «@reformer».

Загрузка демо…

HoverCardContent принимает side: top / right / bottom / left, а также align и sideOffset.

Загрузка демо…