Popover
Live example
Popover
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/popover.jsonAPI reference
These are the main Popover options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
side | top | bottom | left | right | bottom |
align | start | center | end | center |
sideOffset | number | 10 |
Placement and dismissal
Compose a trigger and content inside Popover. Set open with onOpenChange when visibility is controlled. Position content with side, align and sideOffset; Escape dismisses it and portal content retains the current theme.