React Hover Card Component

Built by

Installation

pnpm add krz-ui

import { HoverCard } from "krz-ui";

<HoverCard content={<ProfileCard user={user} />}>
  <a href="/sara">@sara</a>
</HoverCard>

Prop	Type	Description
`children`	`ReactNode`	The element that shows the card on hover or focus.
`content`	`ReactNode`	The card content.
`openDelay / closeDelay`	`number`	Delays in ms. Default 400 / 200.
`side / align`	`PopoverSide / PopoverAlign`	Placement relative to the trigger.
`className / style / ref`	`—`	All go to the wrapper around the trigger. Style the floating part with classNames.content. See Customization.
`classNames`	`{ content? }`	Extra classes for inner parts.