Docs
Primitives
Popover

`<Popover />`

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

Properties

animate?: boolean

Whether the Popover should animate in and out.

arrow?: boolean

boundaryElement?: HTMLElement | null

children?: React.ReactElement

constrainSize?: boolean

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'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.

preventOverflow?: boolean

radius?: number | number[]

referenceElement?: HTMLElement | null

scheme?: 'dark' | 'light'

Made withby folks at