如何使用

  • 给用户提供及时且较重要的信息。

解构

类型
  1. 种类标识或头像(可选) :显示消息的种类,如成功、失败、警告、信息等;
  2. 通知标题 通知的主要标题;
  3. 补充文本(可选) 补充说明的文本,通常补充文本会更长一些,内容上限设定为五行,超过将会截断省略;
  4. 关闭按钮(可选) :提供给用户可关闭的操作;
  5. 操作按钮(可选) 以文字链接的作为相关行为触发器,不建议超过两个;

组件 Demo

✅ ️ Figma Variants

类型

包括成功、提示、警告、失败四种

带图标的通知

多色样式

提高通知与浅色界面的对比






带链接文本的通知

自定义操作,在更复杂的、有进一步操作的通知场景下使用