如何使用

  • 提示需要被用户发现,但不会打断用户的原本的操作。
  • 文案简单清晰,不建议携带超过一个功能按钮。
  • 往往会设置一个自动关闭的时间值。

解构

类型
  1. 类型图标:用于快速区分消息类型;
  2. 文本:使用简短的语句作为内容,是用户快速了解状态即可;
  3. 快速功能 (可选):可使用文本链接样式的功能触发器;
  4. 关闭按钮(可选):可手动关闭 Toast ; 同时 Toast 常设有自动关闭。

组件 Demo

✅ ️ Figma Variants

常规版本





多色版本







带有链接文本