Popover

The padding required to prevent the arrow from reaching the very edge of the popper.

The `box-shadow` of the popover arrow

The size of the popover arrow

If true, focus will be transferred to the first interactive element when the popover opens

The boundary area for the popper. Used within the preventOverflow modifier

The content of the popover. It is usually the PopoverTrigger, and PopoverContent

If true, the popover will close when you blur out it by clicking outside or tabbing out

If true, the popover will close when you hit the Esc key

Color Schemes for Popover are not implemented in the default theme. You can extend the theme to implement them.

If true, the popover will be positioned when it mounts (even if it's not open) Note 🚨: We don't recommend using this in a popover/menu intensive UI or page as it might affect scrolling performance.

If true, the popover will be initially opened.

Theme direction ltr or rtl. Popper's placement will be set accordingly

If provided, determines whether the popper will reposition itself on scroll and resize of the window.

If true, the popper will change its placement and flip when it's about to overflow its boundary area.

The distance or margin between the reference and popper. It is used internally to create an offset modifier. NB: If you define offset prop, it'll override the gutter.

The html id attribute of the popover. If not provided, we generate a unique id. This id is also used to auto-generate the `aria-labelledby` and `aria-describedby` attributes that points to the PopoverHeader and PopoverBody

The ref of the element that should receive focus when the popover opens.

Performance 🚀: If true, the PopoverContent rendering will be deferred until the popover is open.

If true, the popover will be opened in controlled mode.

Performance 🚀: The lazy behavior of popover's content when not visible. Only works when `isLazy={true}` - "unmount": The popover's content is always unmounted when not open. - "keepMounted": The popover's content initially unmounted, but stays mounted when popover is open.

If true, the popper will match the width of the reference at all times. It's useful for autocomplete, `date-picker` and select patterns.

Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass. @see Docs https://popper.js.org/docs/v2/modifiers/

The main and cross-axis offset to displace popper element from its reference element.

Callback fired when the popover closes

Callback fired when the popover opens

The placement of the popper relative to its reference.

If true, will prevent the popper from being cut off and ensure it's visible within the boundary area.

If true, focus will be returned to the element that triggers the popover when it closes

Sizes for Popover are not implemented in the default theme. You can extend the theme to implement them.

The CSS positioning strategy to use.

The interaction that triggers the popover. hover - means the popover will open when you hover with mouse or focus with keyboard on the popover trigger click - means the popover will open on click or press Enter to Space on keyboard

Variants for Popover are not implemented in the default theme. You can extend the theme to implement them.

The padding required to prevent the arrow from reaching the very edge of the popper.

The `box-shadow` of the popover arrow

The size of the popover arrow

If true, focus will be transferred to the first interactive element when the popover opens

The boundary area for the popper. Used within the preventOverflow modifier

The content of the popover. It is usually the PopoverTrigger, and PopoverContent

If true, the popover will close when you blur out it by clicking outside or tabbing out

If true, the popover will close when you hit the Esc key

Color Schemes for Popover are not implemented in the default theme. You can extend the theme to implement them.

If true, the popover will be positioned when it mounts (even if it's not open) Note 🚨: We don't recommend using this in a popover/menu intensive UI or page as it might affect scrolling performance.

If true, the popover will be initially opened.

Theme direction ltr or rtl. Popper's placement will be set accordingly

If provided, determines whether the popper will reposition itself on scroll and resize of the window.

If true, the popper will change its placement and flip when it's about to overflow its boundary area.

The distance or margin between the reference and popper. It is used internally to create an offset modifier. NB: If you define offset prop, it'll override the gutter.

The html id attribute of the popover. If not provided, we generate a unique id. This id is also used to auto-generate the `aria-labelledby` and `aria-describedby` attributes that points to the PopoverHeader and PopoverBody

The ref of the element that should receive focus when the popover opens.

Performance 🚀: If true, the PopoverContent rendering will be deferred until the popover is open.

If true, the popover will be opened in controlled mode.

Performance 🚀: The lazy behavior of popover's content when not visible. Only works when `isLazy={true}` - "unmount": The popover's content is always unmounted when not open. - "keepMounted": The popover's content initially unmounted, but stays mounted when popover is open.

If true, the popper will match the width of the reference at all times. It's useful for autocomplete, `date-picker` and select patterns.

Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass. @see Docs https://popper.js.org/docs/v2/modifiers/

The main and cross-axis offset to displace popper element from its reference element.

Callback fired when the popover closes

Callback fired when the popover opens

The placement of the popper relative to its reference.

If true, will prevent the popper from being cut off and ensure it's visible within the boundary area.

If true, focus will be returned to the element that triggers the popover when it closes

Sizes for Popover are not implemented in the default theme. You can extend the theme to implement them.

The CSS positioning strategy to use.

The interaction that triggers the popover. hover - means the popover will open when you hover with mouse or focus with keyboard on the popover trigger click - means the popover will open on click or press Enter to Space on keyboard

Variants for Popover are not implemented in the default theme. You can extend the theme to implement them.