Hover Card

1import { HoverCard, HoverCardTrigger, HoverCardContent, HoverCardArrow } from "@/components/ui/hover-card";
2
3<HoverCard />

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import {
5  HoverCard as ArkHoverCard,
6  useHoverCardContext,
7} from "@ark-ui/react/hover-card";
8import type React from "react";
9import { cn } from "@/lib/utils";
10
11export const useHoverCard = useHoverCardContext;
12
13interface HoverCardProps
14  extends React.ComponentProps<typeof ArkHoverCard.Root> {}
15
16export const HoverCard = (props: HoverCardProps) => {
17  const {
18    lazyMount = true,
19    unmountOnExit = true,
20    closeDelay = 100,
21    openDelay = 10,
22    positioning = { placement: "top" },
23    ...rest
24  } = props;
25
26  return (
27    <ArkHoverCard.Root
28      closeDelay={closeDelay}