ant-design/components/popover/index.zh-CN.md
ddcat1115 0baef0627e docs: 调整组件导航结构 (#3758)
- Layout 更名为 Grid
2016-11-09 14:43:32 +08:00

1.9 KiB

category subtitle type title
Components 气泡卡片 Data Display Popover

点击/鼠标移入元素,弹出气泡式的卡片浮层。

何时使用

当目标元素有进一步的描述和相关操作时,可以收纳到卡片中,根据用户的操作行为进行展现。

Tooltip 的区别是,用户可以对浮层上的元素进行操作,因此它可以承载更复杂的内容,比如链接或按钮等。

API

参数 说明 类型 默认值
trigger 触发行为,可选 hover/focus/click string hover
placement 气泡框位置,可选 top/left/right/bottom topLeft/topRight/bottomLeft/bottomRight leftTop/leftBottom/rightTop/rightBottom string top
title 卡片标题 React.Element
content 卡片内容 React.Element
overlayClassName 卡片类名 string
overlayStyle 卡片样式 object
visible 用于手动控制浮层显隐 boolean false
onVisibleChange 显示隐藏改变的回调 function
getTooltipContainer 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。示例 Function(triggerNode) () => document.body
openClassName 气泡框展现时触发器添加的类名,可用于打开浮层时高亮触发器 string ant-popover-open
arrowPointAtCenter 箭头是否指向目标元素中心,antd@1.11+ 支持 Boolean false