Hover Card

A bordered preview panel for a link, with one phosphor edge and room for interactive content.

Downlink routed through relay/r7.

Installation

npx shadcn@latest add @afterglow/hover-card

Component structure.

HoverCard
├── HoverCardTrigger
└── HoverCardContent

Prop	Type	Default
align	"start" \| "center" \| "end"	"center"
side	"top" \| "right" \| "bottom" \| "left" \| "inline-start" \| "inline-end"	"bottom"
sideOffset	number	6
alignOffset	number	0

Everything else is Base UI preview card's API, documented there.