给反馈
文字提示
Tooltip
「鼠标放上去出现的字」「悬停的小黑条」「图标旁边的说明」「指着就出来的解释」「hover出现的小字」「挪上去有提示」「黑色小气泡」
LIVE DEMO真实可交互，动手试试
- 英文名
- Tooltip
- 别名 · 俗称
- 悬停提示鼠标悬停说明小气泡文字shadcn: Tooltip
- Web 叫法
- Tooltip
- 大白话定义
- 鼠标悬停在图标上时冒出的一小条黑底白字，解释这玩意儿是干嘛的。
- 部位拆解
- 触发物 Trigger被悬停的图标或文字
- 气泡 Bubble黑底白字的小条，只放一行说明
- 小箭头 Arrow指向触发物，标明在说谁
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
给工具栏图标加文字提示（Tooltip）：悬停「保存」图标显示「保存 (Cmd+S)」，延迟 300ms 出现
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的文字提示（Tooltip）。逐一排除：提示气泡盖住触发物，hover 状态反复导致闪烁；贴视口边缘时不翻转，提示被裁掉；触屏上没做点击兜底，提示永远出不来；长文本没截断，一行撑破屏幕。症状是：