active |
boolean |
Determines whether the Popover is active or inactive |
false |
|
align |
'top' | 'bottom' | 'left' | 'right' | 'center-horizontal' | 'center-vertical' |
A string that determines the alignment of the popover relative to the refEl . |
'bottom' |
|
justify |
'start' | 'middle' | 'end' | 'fit' |
A string that determines the justification of the popover relative to the refEl . Justification will be defined relative to the align prop |
'start' |
|
children |
node |
Content that will appear inside of the <Popver /> component |
|
|
spacing |
number |
Specifies the amount of spacing (in pixels) between the trigger element and the content element. |
10 |
|
className |
string |
Classname to apply to popover-content container |
|
|
adjustOnMutation |
boolean |
Should the Popover auto adjust its content when the DOM changes (using MutationObserver). |
false |
|
onClick |
function |
Function that will be called when popover content is clicked. |
|
|
usePortal |
boolean |
Will position Popover's children relative to its parent without using a Portal, if usePortal is set to false. NOTE: The parent element should be CSS position relative , fixed , or absolute if using this option. |
true |
|
portalContainer |
HTMLElement | null |
Sets the container used for the popover's portal. |
|
|
scrollContainer |
HTMLElement | null |
If the popover portal has a scrollable ancestor other than the window, this prop allows passing a reference to that lement to allow the portal to position properly. |
|
|
portalClassName |
string |
Passes the given className to the popover's portal container if the default portal container is being used. |
|
|
popoverZIndex |
number |
Sets the z-index CSS property for the popover. |
|
|
... |
native attributes of Portal or Fragment |
Any other properties will be spread on the popover-content container |
|
|