

<DemoTitle title="Popover" desc="点击/鼠标移入元素，弹出气泡式的卡片浮层">
#### API

<AntdApiRef url="https://ant.design/components/popover-cn/#api"></AntdApiRef>


## antd API

通用属性参考：[通用属性](/docs/react/common-props)

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| content | 卡片内容 | ReactNode \| () => ReactNode | - |  | 
| title | 卡片标题 | ReactNode \| () => ReactNode | - |  | 


<!-- 共同的 API -->
以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。

<!-- prettier-ignore -->
| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| align | 该值将合并到 placement 的配置中，设置参考  | object | - |  | 
| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \| { pointAtCenter: boolean } | true | 5.2.0 | 
| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | true |  | 
| color | 背景颜色 | string | - | 4.3.0 | 
| defaultOpen | 默认是否显隐 | boolean | false | 4.23.0 | 
| destroyOnHidden | 关闭后是否销毁 dom | boolean | false | 5.25.0 | 
| fresh | 默认情况下，Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新 | boolean | false | 5.10.0 | 
| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body |  | 
| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |  | 
| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |  | 
| placement | 气泡框位置，可选  | string | top |  | 
| trigger | 触发行为，可选  | string \| string[] | hover |  | 
| open | 用于手动控制浮层显隐，小于 4.23.0 使用  | boolean | false | 4.23.0 | 
| zIndex | 设置 Tooltip 的  | number | - |  | 
| onOpenChange | 显示隐藏的回调 | (open: boolean) => void | - | 4.23.0 | 

## 注意

请确保 `Popover` 的子元素能接受 `onMouseEnter`、`onMouseLeave`、`onFocus`、`onClick` 事件。