返回辨真假
辨真假
轻提示 vs 通知 vs 警告提示
Toast · Notification · Alert
自己消失、角落等你、钉在内容里
LIVE DEMO全量并排,直接切身感受差异
什么时候用哪个按成员拆开看场景,不再靠猜
轻提示
Toast
- 操作刚完成,需要轻量确认
- 不想打断当前页面流程
- 几秒后自动消失也没关系
通知
Notification
- 消息需要用户稍后处理
- 提醒可能不止一条,需要堆叠
- 即使用户暂时不看,也要留在角落里
警告提示
Alert
- 这条信息必须跟着内容一起看
- 需要在表单、列表或页面区块里持续提示
- 错误或警告要在当前位置明确暴露
各自的提示词当前按 Web 组织,复制即可继续指挥 AI
轻提示
Toast
保存成功后右上角弹出轻提示(Sonner Toast):「保存成功 ✓」,3 秒后自动消失
通知
Notification
收到新订单时右上角滑入通知(Notification):「新订单 #1024」,带「查看」按钮,8 秒后自动收起
警告提示
Alert
在表单上方加警告条(Alert):黄色「密码将于 3 天后过期」,带叹号图标和「去修改」链接