Overview

For sighted users to preview content available behind a link.

Properties

Properties	Description
Trigger	The link that opens the hovercard when hovered.
content	The component that pops out when the hover card is open.
onOpenChange	Event handler called when the open state of the hover card changes.
className	The className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.
showArrow	An optional arrow element to render alongside the hover card. This can be used to help visually link the trigger with the HoverCard.Content. Must be rendered inside HoverCard.Content.
defaultOpen	The open state of the hover card when it is initially rendered. Use when you do not need to control its open state.
open	The controlled open state of the hover card. Must be used in conjunction with onOpenChange.