Hover Card

A popup card that appears when hovering over an element, for previewing content.

Usage

tsx

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

<Hover Card side="bottom">...</Hover Card>

<Hover Card side="bottom">...</Hover Card>

Light

Dark

Default

Metrics

Perimeter Api

side

Hover for details

Install

$ pnpm dlx shadcn@latest add @perimeter/hover-card