Overlay

Popover

Interactive content anchored to a trigger: filters, pickers, short forms.
import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from "pleate/popover";

Filters

Props

PopoverContent side

Which edge of the trigger it opens on.

"top" | "right" | "bottom" | "left"default "bottom"

PopoverContent align

Alignment along that edge.

"start" | "center" | "end"default "center"

PopoverContent sideOffset

Gap to the trigger in px.

numberdefault 8

PopoverContent arrow

Small arrow toward the trigger.

booleandefault false

Popover open / onOpenChange

Controlled state.

boolean / (open) => void

Popover modal

Trap focus and block the page behind.

booleandefault false