Hover Card

Lightweight hover preview that shares the glass surface treatment with popovers.

Hover card component

User preview
Display contextual info without committing to a full dialog.

Installation

pnpm dlx shadcn@latest add @omni/hover-card

Usage

import { HoverCard, HoverCardContent, HoverCardTrigger } from "@/components/ui/hover-card"
<HoverCard>
  <HoverCardTrigger>Hover me</HoverCardTrigger>
  <HoverCardContent>Preview content</HoverCardContent>
</HoverCard>