UI · №24 · SPECIMEN

轻提示Toast

右下角弹出来又自己消失的小提示保存成功那种小黑条不用点确定、自己会消失的提示

LIVE SPECIMEN真的能玩，点点看

已保存

先看结论

操作之后短暂出现、几秒后自动消失的非阻塞消息，用来确认「刚才那下成功了/失败了」。

适合: 操作结果反馈（已保存、已复制、已删除+撤销按钮）。
不适合: 信息重要到不能被错过时——那用 Modal 或 Banner，别用会自己消失的 Toast。

直接发给 agent

After the save action succeeds, show a toast in the bottom-right corner: dark background, 'Saved' with a check icon, slides in, auto-dismisses after 3 seconds, with an optional Undo button. Use role="status" for accessibility.

已于 2026-07-17 实测通过

技术标注2 项

web: role="status"（屏幕阅读器友好）
react: sonner / react-hot-toast 等库

详细说明

Toast 的价值在于「轻」——它确认结果但不打断流程。也正因为它会自己消失，任何用户「必须看到」的信息都不该托付给它。