Usage

• HoverCard component takes in trigger prop.
• trigger prop is the component that triggers the hover card to open. It is required. It can be any React Component or even a simple string.
• Children of HoverCard component are rendered as the hover card.

Interface for HoverCardProps

interface HoverCardProps {
  trigger: React.ReactNode;
  children: React.ReactNode;
  className?: string;
}

Customizable Design

More granular components provide you with more control over the design of the HoverCard component. You can customize the design of the HoverCard component by using the following sub-components:

• Style of every sub-component of the HoverCard component can be customized using the className prop.
• Pass in a CSS class or use Tailwind CSS utility classes to style the HoverCard component.