トースト

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

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

トーストはダイアログに関連しています(そして Dialog コンポーネント ファミリーのものです)が、以下のように目的と優先度が異なります。

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

構造

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

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

仕様

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

トースト – 画面の一番下に配置

カスタマイズ

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

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

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

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

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