---
category: overlays
---

# Popover

Source: `components/ui/popover.tsx`.

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

| Part | Props |
| --- | --- |
| `PopoverTrigger` | `React.ComponentProps<typeof PopoverPrimitive.Trigger>` |
| `PopoverContent` | `React.ComponentProps<typeof PopoverPrimitive.Content>` |
| `PopoverAnchor` | `React.ComponentProps<typeof PopoverPrimitive.Anchor>` |

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