Hover Card

For sighted users to preview content available behind a link.

Preview

Installation

Install the package using your preferred package manager:

npx shadcn@latest add @airy/hover-card

Usage

Import the component from the package:

import { HoverCard } from "@/registry/ui/hover-card"

Then use it in your application:

<HoverCard />

Examples

Default