Popover


Examples


padding
layout
Learn More
id
string
The popover ID
trigger
node
An element used to trigger the popover. Click event is handled automatically if this component is uncontrolled
open
bool
Opens the popover. By default, open state is handled automatically. Passing this value in will turn this into a controlled component
left
bool
Causes the popover to render left aligned with the trigger so the content overflows left
right
bool
Causes the popover to render right aligned with the trigger so the content overflows right
top
bool
Causes the popover to render above the trigger
bottom
bool
Causes the popover to render below the trigger
onClose
function
default: (e) => void
Callback function that is called when clicking outside the popover, or hitting escape
children
node
The content of the popover
as
string
div, span
Whether to render the popover as a div or a span (block or inline)