HoverCard — Link Preview

block

Shows a page summary when hovering a link: title, description, and URL. Use for documentation links, article references, or any URL where a preview helps the user decide whether to click.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-hover-card-link-preview.json"

Sign In

HoverCard — Link Preview

block

Shows a page summary when hovering a link: title, description, and URL. Use for documentation links, article references, or any URL where a preview helps the user decide whether to click.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-hover-card-link-preview.json"

components/astryx/examples/HoverCardInteractiveContent.tsx