Skip to main content

​
PreviewCard

Displays a preview of content in a popup when hovering over or focusing on a trigger element.

​
Import

​
PreviewCard.Root

Groups all preview card parts. Doesn’t render its own HTML element.

​
Props

​
PreviewCard.Trigger

The element that triggers the preview card.

​
PreviewCard.Positioner

Positions the preview card popup relative to the trigger.

​
Props

Same positioning props as Popover.Positioner (side, alignment, sideOffset, etc.)

​
PreviewCard.Popup

The preview card’s content.

​
PreviewCard.Backdrop

An optional overlay displayed beneath the preview card.

​
PreviewCard.Arrow

An optional arrow element that points toward the trigger.

​
PreviewCard.Portal

Portals the preview card popup to a different part of the DOM.