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.ContentWrapper

className

string

onClose

() => void

store

Required

UsePopover | UsePopoverHover

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.

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.

ModalTooltip