Overview

The toast is used to provide lightweight feedback about the operation result, and it disappears by itself without user operation.

Type

Light prompt toast can be divided into two categories: graphic toast and plain text toast.

Usage

Appearance and disappearance

It will disappear automatically after a period of time, or disappear when the user interacts outside the toast (for example, opening a new view or operation).

Use rules

Due to the feature of automatic disappearance, the text in the toast should be as concise as possible. For non-loading toasts, the display time should not exceed two seconds for single-line text, and should not exceed three seconds for multi-line text.
Toast will be displayed on other elementsas it appears, and will disappear automatically after a period of time. Due to the principle of usability, toast should be used only when the feedback result cannot be given on the page or the feedback form of the results is not clear enough. And there’s no continuous or stack display. When multiple toasts appear at the same time, only the latest one is displayed.

Detailed description

Menu item with plain text: the text content is displayed in the center with 16pt font size. And the spacing between the content area and the the left or the right side of screen is 24pt.
Menu item with icon: the icon size is 48*48pt.The spacing from the top of the toast box is 20pt with. The font is 16pt in size, which is is 1Opt from the icon. And the content area is 20pt from the bottom of the Toast box and and 12pt from the left or right side.