烤面包机

Toaster 是一个小通知,出现在屏幕上,用于提供重要信息或警告。它可用于向用户通知事件或操作,例如何时提交表单或下载文件。

主要类型

默认

它在不需要立即采取行动或消息与任何特定操作或事件无关时使用。

Default

信息

它用于告知用户有关进程、事件或操作的信息。例如,在数据传输或页面加载成功的情况下。

Info

成功

它表示操作或操作已成功完成。例如,当数据成功保存或用户获得授权时。

Success

警告

它告知用户潜在的问题或错误。例如,如果他们需要在表单上填写必填字段,或者没有互联网连接。

Warning

错误

它用于指示错误,需要用户注意才能修复错误。例如,如果数据输入不正确或存在服务器错误。此状态最好与操作按钮配对,该操作按钮允许您更正错误或获取更多信息。

Error

修改

Toast 由五个主要组件组成:

Modifications

1.吐司类型图标。组件可以在有或没有图标的情况下使用。图标是可选元素。 2.标题告知用户正在执行的操作。如果包含描述,则标题的使用是可选的。 3.该描述阐明了标题,可以独立使用。 4.纽扣。Toast 可能有一两个按钮;建议将第一个按钮用作操作按钮。按钮是可选元素。 5.退出图标。退出图标是可选元素。如果 toast 上没有设置隐藏持续时间,则需要使用关闭按钮。

何时使用

建议在以下场景中使用烤面包机:

  • 在提交表单或执行操作时,如果您希望用户看到进度。例如一条表明数据已成功发送或出现错误的消息。
  • 当你不想干扰用户的工作流程或屏蔽屏幕时。烤面包机显示在角落里,不会覆盖整个屏幕,因此用户可以继续使用界面。
  • 当需要有关特定操作的更多信息时。祝酒词可能包含指向其他内容或信息的链接,这些内容或信息将帮助用户了解发生了什么。

何时不使用

不建议在以下情况下使用烤面包机:

  • 当需要用户立即回复时。
  • 当在展示烤面包机时执行的操作可能会导致问题或不良后果时。
  • 当消息需要大量信息或更详细的解释时。
  • 当信息已经以另一种形式显示在屏幕上时。

屏幕上的位置

烤面包机显示在右下角。

它的外部边距是:底部 M(8 像素),右侧 XL(20 像素)。

Position

定制

Toast 的内容可能与标准内容不同;如果用例需要,它可能包括库中的任何可用组件。

以前文字输入
下一步工具提示