Overlays

Popover

A floating panel anchored to a trigger element. Use for rich content like forms, menus, or additional details without leaving the current context.

import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@mikenotthepope/substrateui"

Popover
├── PopoverTrigger
└── PopoverContent

Prop	Type	Default	Description
`open`	`boolean`	—	Controlled open state of the popover.
`onOpenChange`	`(open: boolean) => void`	—	Callback fired when the open state changes.
`side`	`"top" \| "right" \| "bottom" \| "left"`	`"bottom"`	The preferred side of the trigger to render the popover.
`align`	`"start" \| "center" \| "end"`	`"center"`	The preferred alignment against the trigger.