Popover
Importimport{ Popover }from"antd"; |
Sourcecomponents/popover |
DocsEdit this page |
Importimport{ Popover }from"antd"; |
Sourcecomponents/popover |
DocsEdit this page |
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.
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.
Please ensure that the child node of Popover
accepts onMouseEnter
, onMouseLeave
, onFocus
, onClick
events.
Token Name | Description | Type | Default Value |
---|---|---|---|
titleMinWidth | Min width of Popover title | string | number | 177 |
zIndexPopup | z-index of Popover | number | 1030 |
This is due to the implementation of rc-trigger
. rc-trigger
forces children to accept ref, otherwise it will fall back to findDOMNode, so children need to be native html tags. If not, you need to use React.forwardRef
transparently passes ref
to native html tags.
Please ensure that the child node of Tooltip
accepts onMouseEnter
, onMouseLeave
, onPointerEnter
, onPointerLeave
, onFocus
, onClick
events.
For more questions, please refer to Tooltip FAQ.