Welcome UI logo

Popover

The Popover component is a small overlay that displays additional content or information when triggered by a user action, such as clicking or hovering over an element. It provides contextual information or interactive elements without navigating away from the current page. This component enhances user experience by delivering relevant content in a non-intrusive, easily accessible manner.

SourceBuilt with Ariakit
OverviewProps

Popover

onClose

() => void

call a function when popover closed

store
Required

UsePopover

Object returned by the [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook. If not provided, the closest [`PopoverProvider`](https://ariakit.org/reference/popover-provider) component's context will be used.

PopoverHover

onClose

() => void

call a function when popover closed

store
Required

UsePopoverHover

Object returned by the [`useHovercardStore`](https://ariakit.org/reference/use-hovercard-store) hook. If not provided, the closest [`HovercardProvider`](https://ariakit.org/reference/hovercard-provider) component's context will be used.

usePopover

usePopoverHover

ModalTooltip