Skip to main content
ParticleUI

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