---
category: overlays
---

# HoverCard

Source: `components/ui/hover-card.tsx`.

`HoverCard` is a compound component. Its parts are exported **flat** (`HoverCardTrigger`, not
`HoverCard.Trigger`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `HoverCardTrigger` | `React.ComponentProps<typeof HoverCardPrimitive.Trigger>` |
| `HoverCardContent` | `React.ComponentProps<typeof HoverCardPrimitive.Content>` |

All parts accept `className` and are composed as children of `HoverCard`.