## 基础用法
可选择提示出现的位置。
hover 激活
click 激活
```html
hover 激活
click 激活
focus 激活
```
## 嵌套信息
可以嵌套表格等多种信息。
click 激活
```html
click 激活
```
## 嵌套操作
常用于确认操作中,比 Dialog 更加轻量。
这是一段内容这是一段内容确定删除吗？
取消
确定
删除
```html
这是一段内容这是一段内容确定删除吗？
取消
确定
删除
```
## API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|--------------------|----------------------------------------------------------|-------------------|-------------|--------|
| trigger | 触发方式 | String | 'click', 'focus', 'hover' | click |
| title | 标题 | String | | |
| content | 显示的内容 | String | | |
| width | 宽度 | String, Number | | 最小宽度 150px |
| placement | 出现位置 | String | `top`, `top-start`, `top-end`, `bottom`, `bottom-start`, `bottom-end`, `left`, `left-start`, `left-end`, `right`, `right-start`, `right-end` | bottom |
| visible | 初始状态是否可见 | Boolean | | false |
| offset | 出现位置的偏移量 | Number, String | | 0 |
| options | [popper.js](https://popper.js.org/documentation.html) 的参数 | Object | 参考 [popper.js](https://popper.js.org/documentation.html) 文档 | { boundariesElement: 'body' } |
## Slot
| 参数 | 说明 |
|--- | ---|
| - | 触发 popover 显示的元素|
| content | 显示的 HTML 内容 |