Components › Overlays
Popover
Rich, interactive content anchored to a trigger.
Installation
npx plankui@latest add popoverUsage
import { Popover } from "@/components/ui/popover";
<Popover>
<PopoverTrigger asChild><Button>Open</Button></PopoverTrigger>
<PopoverContent>…</PopoverContent>
</Popover>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| PopoverContent.align | "start" | "center" | "end" | "center" | Alignment. |
| PopoverContent.sideOffset | number | 8 | Gap from the trigger in px. |