ant-design/components/popover/index.en-US.md

category	group	title	cover	demo
Components	Data Display	Popover	https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*XhL3QpRw92kAAAAAAAAAAAAADrJ8AQ/original	cols 2

The floating card popped by clicking or hovering.

When To Use

A simple popup menu to provide extra information or operations.

Comparing with Tooltip, besides information Popover card can also provide action elements like links and buttons.

Examples

Basic Three ways to trigger Placement Controlling the close of the dialog Arrow pointing Hover with click popover _InternalPanelDoNotUseOrYouWillBeFired Wireframe

API

Param	Description	Type	Default value	Version
content	Content of the card	ReactNode | () => ReactNode	-
title	Title of the card	ReactNode | () => ReactNode	-

Consult Tooltip's documentation to find more APIs.

Note

Please ensure that the child node of Popover accepts onMouseEnter, onMouseLeave, onFocus, onClick events.