トーストを表示

概要

ユーザーの操作を確認し、フィードバックを提供するためにトーストメッセージを使用します。トーストは、横方向に積み重なるオーバーレイ通知で、ユーザーが閉じることができます。

次の種類の応答のいずれかにはトーストを使用します：

• 情報： ユーザーに、操作によって処理が開始され、次に進む前に完了まで待つ必要がある場合があることを知らせます。
• 成功： 操作が成功した、または完了したことを確認します。
• 警告： 警告トーストは、ユーザーの操作に関連する潜在的な問題を知らせ、将来の問題を防ぐための指針を示します。
• エラー： ユーザーが現在の操作を完了できない問題を伝えます。これは現在のフロー内で修正できます。

一般的には、ユーザーの操作に応じてトーストを使用します。Toast、Alert Modal、Confirm のどれを使うべきかを判断するには、「Toasts vs. Alert Modal vs. Confirm のインタラクション」に進んでください。

仕様

プロパティ	説明
タイトル	ヘッダーに表示されるテキスト。
メッセージ	アラートボックスのメインコンテンツメッセージ。
バリアント	アラートモーダルの見た目。ヘッダーの有無を含みます。
モード	トーストの持続性を決定します。次のいずれかを選択します 閉じることができる, 短時間表示 と 固定表示.

モードの定義

• 閉じることができる

  • 説明：次のモードのトーストは 閉じることができる モードでは、トーストは短時間表示された後、自動的にフェードアウトします。ユーザーは、トーストをクリックするか閉じるボタンを押して、早めに閉じることもできます。
  • 使用方法：このモードは、ユーザーのワークフローにとって重要ではない情報メッセージに使用します。ユーザー操作を必要とせずに消えるため、スムーズなユーザー体験を維持できます。

  短時間表示

  • 説明： 短時間表示 モードは、 閉じることができるよりも長い時間トーストを画面に表示し続けますが、最終的には設定時間後に閉じます。すぐに注意を要するものではなく、ユーザーは作業を続けられますが、メッセージを読む十分な時間を確保するために、より長く表示されます。
  • 使用方法：このモードは、ユーザーにメッセージを確実に見てもらいたいが、現在の作業を中断させるほど緊急ではない、中程度の重要度の通知に最適です。

  固定表示

  • 説明：トーストを 固定表示 モードに設定すると、ユーザーが閉じる操作を行うまで画面に無期限に表示されます。自動的に消えることはありません。
  • 使用方法：留めておく 固定表示 モードは、処理を続ける前にユーザーの注意や操作が必要な重大な警告に使用してください。これらのメッセージは非常に重要であり、ユーザーが確認するまで表示したままにして、メッセージが確実に認識されるようにする必要があります。