# Hover Card (/docs/hover-card)

A hover and focus preview surface with Base UI positioning and dismissal.

## Install

```bash
npx shadcn@latest add https://4af.selfsimilar.dev/r/hover-card.json
```

## Usage

```tsx
import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from "@/components/ui/hover-card";

<HoverCard>
  <HoverCardTrigger>Hover me</HoverCardTrigger>
  <HoverCardContent>Preview content</HoverCardContent>
</HoverCard>
```

## API

**Main exports:** `HoverCard`, `HoverCardTrigger`, `HoverCardContent`, `HoverCardSkeleton`

A rich preview panel shown from hover or keyboard focus, with a built-in loading placeholder and
custom loading-content support.