Popover

Popover(__namedParameters): ReactElement<unknown, string | JSXElementConstructor<any>> | null

Defined in: react/components/overlay/popover.tsx:48

A floating panel anchored to a trigger widget — a richer dropdown for arbitrary content (forms, lists, details). It floats on an overlay layer placed beside the anchor on the best-fitting side (see placement), grabs focus so its controls are keyboard-reachable, and dismisses on Esc or an outside click. Drive PopoverProps.open yourself:

const ref = useRef<Widget>(null);
const [open, setOpen] = useState(false);
<Button ref={ref} onClick={() => setOpen((v) => !v)}>Details</Button>
<Popover open={open} anchorRef={ref} onClose={() => setOpen(false)}>
  <Label>Anything goes here.</Label>
</Popover>

Parameters

__namedParameters

PopoverProps

Returns

ReactElement<unknown, string | JSXElementConstructor<any>> | null