Skip to content

Popover 气泡卡片

点击触发,可承载标题、正文与自定义内容的浮层面板。

基础用法

点击触发

点击打开

放置方向

四个方向

自定义内容

自定义内容(slot=content)

打开面板
通过 slot="content" 可以放置任意自定义内容。

受控显示

open 属性受控:外部按钮设置 / 移除 open 控制显隐(点击外部 / Esc 仍会关闭)。

受控显示(open 属性)

打开关闭open: false触发元素

API

属性

属性说明类型默认值
content正文文本string
open受控显示(布尔属性,存在即显示)boolean
placement浮层位置Placementtop
title标题文本string

插槽

名称说明
默认
content

无对外事件。点击触发元素切换显隐,点击外部或按 Esc 关闭;role="dialog"