Popover
unreleasedstable
A non-modal floating panel for contextual controls or supplemental content.
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover";
export function Component() {
return (
<Popover>
<PopoverTrigger type="button">Open</PopoverTrigger>
<PopoverContent>Contextual controls.</PopoverContent>
</Popover>
);
}Popover
Root owner for non-modal floating panel state and positioning.
PopoverTrigger
Trigger that opens and anchors the popover.
PopoverContent
Portaled floating content with viewport sizing and collision-aware positioning.
PopoverHeader / PopoverFooter
Optional UI helpers for structured popover content.