Preview Card

A popup that appears when a link is hovered, showing a preview for sighted users.

delay

closeDelay

side

sideOffset

align

alignOffset

Installation

<PreviewCard>
  <PreviewCardTrigger>Hover me</PreviewCardTrigger>
  <PreviewCardContent>Preview card content</PreviewCardContent>
</PreviewCard>

Prop	Type	Default
`transition?`	`Transition`	`{ type: "spring", stiffness: 300, damping: 25 }`
`popupProps?`	`typeof PopoverPrimitive.Popup`	-
`motionProps?`	`HTMLMotionProps<'div'>`	-
`positionerClassName?`	`string`	-

Built by Skyleen. The source code is available on GitHub.