返回辨真假
辨真假

轻提示 vs 通知 vs 警告提示

Toast · Notification · Alert

一句话区分

自己消失、角落等你、钉在内容里

LIVE DEMO全量并排,直接切身感受差异

轻提示

Toast

查看词条

通知

Notification

查看词条

警告提示

Alert

查看词条
版本已更新
磁盘空间不足
什么时候用哪个按成员拆开看场景,不再靠猜

轻提示

Toast

  • 操作刚完成,需要轻量确认
  • 不想打断当前页面流程
  • 几秒后自动消失也没关系

通知

Notification

  • 消息需要用户稍后处理
  • 提醒可能不止一条,需要堆叠
  • 即使用户暂时不看,也要留在角落里

警告提示

Alert

  • 这条信息必须跟着内容一起看
  • 需要在表单、列表或页面区块里持续提示
  • 错误或警告要在当前位置明确暴露
各自的提示词当前按 Web 组织,复制即可继续指挥 AI

轻提示

Toast

Web

保存成功后右上角弹出轻提示(Sonner Toast):「保存成功 ✓」,3 秒后自动消失

通知

Notification

Web

收到新订单时右上角滑入通知(Notification):「新订单 #1024」,带「查看」按钮,8 秒后自动收起

警告提示

Alert

Web

在表单上方加警告条(Alert):黄色「密码将于 3 天后过期」,带叹号图标和「去修改」链接

轻提示 vs 通知 vs 警告提示 对比 · ViboDesign