Usage

Props

NameTypeRequiredDefaultDescription
beforeHide
BeforeCallback
false

The callback to run before the overlay is hidden. Returning false will prevent hiding.

(e: event) => boolean | Promise | undefined
since

11.15.0

beforeShow
BeforeCallback
false

The callback to run before the overlay is shown. Returning false will prevent showing.

(e: event) => boolean | Promise | undefined
since

11.15.0

children
ReactNode
false
className
string
false

Additional classNames

initialIsVisible
boolean
falsefalse

Whether to show the overlay on initial render

defaultvalue

false

since

10.19.0

overlay
ReactElement<{ placement?: Placement }, string | JSXElementConstructor<any>>
false

The tip we want to display

since

10.19.0

overlayReffalse

Toggles overlay visibility

since

11.2.0

placement
Placement
falsetop

Determines the position of the arrow

defaultvalue

top

since

10.19.0

restoreFocusOnHide
boolean
falsefalse

Return focus to trigger after the closing popover modal dialog

a11y

Should be set to true.

defaultvalue

false

since

11.8.0

Accessibility notes:
Should be set to true.
role
Role
false
since

11.11.0

style
CSSProperties
false

Additional CSS styles

trigger
TriggerVariant | TriggerVariant[]
falseclick

The event to trigger the overlay

defaultvalue

click

since

10.19.0

role=dialog

Enables an accessible experience and manages focus and events.

initialIsVisible

placement

trigger

Popover.Content

NameTypeRequiredDefaultDescription
fluid
boolean
false
since

10.19.0

placement
Placement
false
since

10.19.0

Render Props