mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-03 08:19:37 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity
4ecc0d7f95
ant-design/components/popover/index.en-US.md
MadCcc 4ecc0d7f95
docs: optimize overview svg (#47203) 
* docs: optimize overview svg

* docs: update

* docs: dark
2024-01-29 14:50:36 +08:00

1.9 KiB
Raw Blame History

category group title cover coverDark demo
Components Data Display Popover https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kfW5RrfF4L8AAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*6b8fSKVVtXIAAAAAAAAAAAAADrJ8AQ/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 Arrow Controlling the close of the dialog Hover with click popover _InternalPanelDoNotUseOrYouWillBeFired Wireframe Component Token

API

Common props ref：Common props

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.

Design Token

FAQ

Please ref Tooltip FAQ.