Imagine ArtImagine Art

Popover

A floating panel that appears next to a trigger element for contextual content.

Overlays

Import

import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui"

API

PropTypeDefaultDescription
openbooleanControlled open state.
onOpenChange(open: boolean) => voidCallback when open state changes.
align"start" | "center" | "end""center"Horizontal alignment.
side"top" | "bottom""bottom"Vertical placement relative to trigger.

Examples