Tooltip 文字提示

简单的文字提示气泡，hover 或键盘聚焦触发。

基础用法

悬停触发

悬停查看

示例代码

放置方向

四个方向

上下左右

示例代码

空间不足时自动沿主轴翻转，并在视口边缘避让。

聚焦触发

键盘聚焦触发

Tab 聚焦我

示例代码

受控显示

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

受控显示（open 属性）

显示隐藏open: false触发元素

示例代码

长文本

长文本与最大宽度

悬停查看长提示

示例代码

边界

空内容

无内容提示

示例代码

API

属性

属性	说明	类型	默认值
content	提示内容文本	string	—
open	受控显示（布尔属性，存在即显示）	boolean	—
placement	浮层位置	Placement	top

插槽

名称	说明
默认	—

无对外事件。hover / focus 触发显隐；role="tooltip"，浮层 pointer-events: none 不拦截交互。