ComponentClient component

Hover Card

A rich preview revealed from a link or compact trigger.

Installation

Preview

Usage

tsx

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

<HoverCard>
  <HoverCardTrigger>@rivelle/ui</HoverCardTrigger>
  <HoverCardContent>Editable React components.</HoverCardContent>
</HoverCard>

API reference

Prop	Type	Default	Description
`openDelay`	`number`	`700`	Delay before the card opens.
`closeDelay`	`number`	`300`	Delay before the card closes.
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.