Popover 气泡卡片
点击触发,可承载标题、正文与自定义内容的浮层面板。
基础用法
点击触发
放置方向
四个方向
自定义内容
自定义内容(slot=content)
通过
slot="content" 可以放置任意自定义内容。 受控显示
open 属性受控:外部按钮设置 / 移除 open 控制显隐(点击外部 / Esc 仍会关闭)。
受控显示(open 属性)
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
content | 正文文本 | string | — |
open | 受控显示(布尔属性,存在即显示) | boolean | — |
placement | 浮层位置 | Placement | top |
title | 标题文本 | string | — |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | — |
content | — |
无对外事件。点击触发元素切换显隐,点击外部或按 Esc 关闭;role="dialog"。