トースト

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

トーストは、アプリが画面の下部付近に短い時間を表示する短い情報メッセージです。

一度に表示できるトーストは 1 つだけです。トーストは、アプリが行った操作またはユーザーが行う操作についてユーザーに伝えます。ユーザーの操作や応答は必要ありません。8 秒後に、トーストは自動的に消えます。

トーストは、ダイアログに関連しており(ダイアログ ファミリーのコンポーネントに含まれています)、以下に示すように目的と優先順位が異なります。

コンポーネント 目的 優先度
トースト 有益なメッセージを表示します。ユーザーの操作は必要ありません。8 秒後に消えます。
ダイアログ ユーザー操作を必要とする情報とタスク オプションを表示します。ダイアログは、ユーザーが応答するまでフォーカスを保持します。

解剖学

トーストは、他の画面コンテンツの前に少しの間表示されます。これは、背景とテキスト メッセージで構成されています。

背景とメッセージ領域に番号付きのコールアウトがある、Toast コンポーネントの画像
1. トーストの背景
2. トースト メッセージ領域

仕様

トースト – メッセージ テキストの周囲にパディング

トースト - 画面の下部に配置

カスタマイズ

OEM は、次の方法でトーストの外観を変更してブランドを反映させることができます。

  • カスタム フォントを提供する
  • トーストのディメンションと配置の変更

デザイン システムは、レイアウト、タイポグラフィ、サイズ調整を使用してコンポーネントをカスタマイズするためのガイダンスです。

トースト メッセージの形式

トーストの配置(画面の下部)