Documentation Index
Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt
Use this file to discover all available pages before exploring further.
PreviewCard
Displays a preview of content in a popup when hovering over or focusing on a trigger element.
Import
import * as PreviewCard from '@base-ui/react/preview-card';
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.)
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.