Popover

Popovers are small overlays that open on demand, and close when the user clicks outside or presses the escape key.

Prop	Type	Required	Default	Description
`children`	`React.ReactNode`	Yes	—	—

Prop	Type	Required	Default	Description
`ref`	`React.Ref<any>`	Yes	—	—

Prop	Type	Required	Default	Description
`children`	`(props: ReferenceChildrenProps) => React.ReactNode`	Yes	—	—
`innerRef`	`React.Ref<any>`	—	—	—

Prop	Type	Required	Default	Description
`ref`	`React.Ref<any>`	Yes	—	—
`style`	`React.CSSProperties`	Yes	—	—

Prop	Type	Required	Default	Description
`arrowProps`	`PopperArrowProps`	Yes	—	—
`forceUpdate`	`() => Partial<PopperJS.State>`	Yes	—	—
`hasPopperEscaped`	`boolean`	—	—	—
`isReferenceHidden`	`boolean`	—	—	—
`placement`	`PopperJS.Placement` `auto`\|`auto-start`\|`auto-end`\|`top`\|`bottom`\|`right`\|`left`\|`top-start`\|`top-end`\|`bottom-start`\|`bottom-end`\|`right-start`\|`right-end`\|`left-start`\|`left-end`	Yes	—	—
`ref`	`React.Ref<any>`	Yes	—	—
`style`	`React.CSSProperties`	Yes	—	—
`update`	`() => Promise<null \| Partial<PopperJS.State>>`	Yes	—	—

Prop	Type	Required	Default	Description
`children`	`(props: PopperChildrenProps) => React.ReactNode`	Yes	—	—
`innerRef`	`React.Ref<any>`	—	—	—
`modifiers`	`ReadonlyArray<Modifier<Modifiers>>`	—	—	—
`onFirstUpdate`	`(state: Partial<PopperJS.State>) => void`	—	—	—
`placement`	`PopperJS.Placement` `auto`\|`auto-start`\|`auto-end`\|`top`\|`bottom`\|`right`\|`left`\|`top-start`\|`top-end`\|`bottom-start`\|`bottom-end`\|`right-start`\|`right-end`\|`left-start`\|`left-end`	—	—	—
`referenceElement`	`HTMLElement \| PopperJS.VirtualElement`	—	—	—
`strategy`	`PopperJS.PositioningStrategy` `absolute`\|`fixed`	—	—	—

Popover — Guidelines

What a popover is for and when to reach for a dropdown or select menu instead.

Portal

Creates and appends a DOM node to the end of document.body and renders a React tree into it.