トースト

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

一度に表示できるトーストは1つだけです。トーストは、アプリが実行した、または実行する予定のアクションをユーザーに通知します。ユーザーの操作や応答は必要ありません。8秒後にトーストは自動的に消えます。

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

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

解剖学

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

背景とメッセージ領域への番号付きコールアウトを含む Toast コンポーネントの画像
1. トーストの背景
2. トーストメッセージエリア

仕様

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

トースト – 画面下部に配置

カスタマイズ

次の方法でトーストの外観をブランドに合わせて変更できます。

  • カスタムフォントの提供
  • トーストのサイズと配置の変更

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

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