Popover

Usage

import { Popover } from 'nr1'

Examples

Props

childrenrequirednode[]

This component accepts children of two types:

<PopoverTrigger> to render the element that will open/close the overlay.
<PopoverBody> to render content inside the overlay.

onChangefunction

Callback to track when the Popover overlay opens or closes while in controlled mode. This method fires when the user actions the PopoverTrigger, or clicks outside of the PopoverBody when it is open.

function (event: React.KeyboardEvent|React.MouseEvent, 
opened: boolean 
)

openOnHoverboolean

DEFAULT

false

When true, the popover overlay will open on hover.

openedboolean

When provided, Popover will be put into controlled mode. The boolean value will either open or close the popover overlay.