DEVELOPER REFERENCE · v4.0.0

Popover API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

Popover9 props1 callbacks0 methods

Popover props
Name	Type	Description
`open`Required	`boolean`	Expanded or visible state of the surface or disclosure.
`anchor`Required	`HTMLElement \| null`Inspect type	DOM element used as the positioning reference for the floating surface.
`appendTo`Optional	`HTMLElement \| undefined`Inspect type	Optional mount scope for inherited theme tokens and text direction.
`closeOnOutside`Optional	`boolean \| undefined`	Close on pointer presses outside the anchor and content. Defaults to true.
`closeOnEscape`Optional	`boolean \| undefined`	Close on Escape. Defaults to true.
`children`Optional	`ComponentChildren`Inspect type	Content rendered inside the component. Supply nodes from the framework adapter you are using.
`label`Optional	`string \| undefined`	Label content or accessible name for the component, as rendered by this control.
`className`Optional	`string \| undefined`	Additional CSS classes applied to the component root.
`role`Optional	`"dialog" \| "menu" \| undefined`	Accessibility role used by the rendered element.

Popover events and callbacks
Name	Type	Description
`onClose`Required	`() => void`Inspect type	Requests that the parent close the surface or picker.

No component-specific imperative methods. Use props and callbacks to control this component.