文字提示

Tooltip

UI 组件也叫：工具提示、悬停提示、提示气泡、Hint

一句话：鼠标悬停或键盘聚焦在某个元素上时，在旁边弹出的一小段深色说明文字，移开即消失。

详细解释

文字提示是一个很小的浮层，用户把鼠标移到某个元素上或用键盘聚焦时出现，通常是深色底白字，带一个指向目标的小箭头，鼠标移开就消失。它最常用来解释只有图标、没有文字的按钮，比如在铅笔图标上提示「编辑」，或者显示被截断文字的完整内容。

它只放一两句简短的纯文字，不能放按钮、链接、图片这类可交互内容，因为鼠标一移开它就没了，用户点不到。需要放更多内容或操作时，应该用气泡卡片，它由点击触发，内容可以更丰富。

手机上没有悬停，文字提示在触屏上基本看不到，所以关键信息不能只藏在文字提示里。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

给工具栏里只有图标的按钮加文字提示：悬停 300 毫秒后在按钮上方显示深灰底白字说明，如「编辑」「删除」「导出」，字号 12px、带指向按钮的小箭头；键盘聚焦时同样显示，鼠标移开或按 Esc 时消失。靠近屏幕边缘时自动换到另一侧显示。

由触发元素和悬停时出现的小浮层组成，浮层内是一两句纯文字，并带一个指向触发元素的小箭头。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。