Hover Card
Rich hover card for previewing content without navigating away.
Installation
1
Run the CLI
$npx particleui-cli add hover-card
Usage
TSX
import { HoverCard, HoverCardTrigger, HoverCardContent } from "@/components/ui/hover-card"
export default function Example() {
return (
<HoverCard>
<HoverCardTrigger className="underline cursor-pointer">@particleui</HoverCardTrigger>
<HoverCardContent>
<p className="text-sm">The component library for ambitious UIs.</p>
</HoverCardContent>
</HoverCard>
)
}Details
Source filecomponents/ui/hover-card.tsx
Typeui
Categoriesoverlay, core
npm dependencies@radix-ui/react-hover-card
Registry deps
Claude skill—