Early access. Read the blog post

The Popover component is used to display some content on top of another.


boundaryElement?: HTMLElement | null
children?: React.ReactElement
content?: React.ReactNode
disabled?: boolean
open?: boolean
padding?: number | number[]
placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end' | 'bottom' | 'bottom-start' | 'bottom-end'
portal?: boolean
Whether or not to render the popover in a portal element.
radius?: number | number[]
referenceElement?: HTMLElement | null
scheme?: 'dark' | 'light'
Updated 1w ago
On this page
the platform for structured content