HoverCard 悬停卡片

hover / 聚焦触发，可配置延迟的预览卡片。

基础用法

悬停触发

悬停查看

示例代码

放置方向

四个方向

上下左右

示例代码

显隐延迟

延迟显隐

悬停我

示例代码

受控显示

open 属性受控：外部按钮设置 / 移除 open 即可显示 / 隐藏卡片（hover / focus 触发仍叠加生效）。

受控显示（open 属性）

显示隐藏open: false触发元素

示例代码

API

属性

属性	说明	类型	默认值
content	内容文本	string	—
delay	显隐延迟（毫秒）	string	100
open	受控显示（布尔属性，存在即显示）	boolean	—
placement	浮层位置	Placement	top
title	标题文本	string	—

插槽

名称	说明
默认	—

无对外事件。hover / focus 触发，role="dialog"。