---
url: /components/popover.md
---
# Popover 气泡卡片

点击 / 悬停触发的富内容浮层，比 Tooltip 更适合承载标题、表单、操作列表等结构化内容；12 个方位自适应翻转，箭头自动锚定。

## 基础用法

## 自定义内容

## 方位（placement）

12 个方位自动适应空间，空间不足时自动翻转：

## Popover API

| 名称 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| title | String | — | 标题 |
| content | String | — | 内容（默认插槽优先） |
| placement | String | `bottom` | 12 个方位 |
| width | String / Number | — | 浮层宽度 |
| trigger | String | `click` | click / hover / focus / manual |
| show-arrow | Boolean | `true` | 显示箭头 |

事件：`show`、`hide`；插槽：`reference` 触发元素、`default` 自定义内容。