Popover
Popover
The floating card pops up when clicking/mouse hovering over an element.
가져오기import{ Popover }from"antd"; |
- Components Overview
- General
- Layout
- Navigation
- Data Entry
- Data Display
- Feedback
- Other
가져오기import{ Popover }from"antd"; |
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.
| 토큰 이름 | 설명 | 타입 | 기본값 |
|---|---|---|---|
| titleMinWidth | 气泡卡片标题最小宽度 | string | number | 177 |
| zIndexPopup | 气泡卡片 z-index | number | 1030 |
findDOMNode is deprecated sometimes appear in strict mode?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.
findDOMNode is deprecated reproduce: https://codesandbox.io/p/sandbox/finddomnode-c5hy96forwardRef to fix: https://codesandbox.io/p/sandbox/no-finddomnode-warning-forked-gdxczsPlease ensure that the child node of Tooltip accepts onMouseEnter, onMouseLeave, onPointerEnter, onPointerLeave, onFocus, onClick events.
For more questions, please refer to Tooltip FAQ.
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
