Hover Card

Demo

Show hover card 2

Props

PropTypeDescription
triggerReact.ReactNode (optional)The element that triggers the HoverCard to appear.
childrenReact.ReactNode (optional)The content to be displayed within the HoverCard.
classNames{ trigger?: string, content?: string } (optional)Custom class names for trigger and content components.

Styles

This component allows for custom styles via the classNames prop:

  • trigger: CSS class for styling the trigger element.
  • content: CSS class for styling the content of the hover card.