開くデザインデータ開くデザインデータ(Figma)の作り方デザインデータ(Figma)の更新をライブラリに適用する手順デザインレビューリソースMessageDialogユーザーに情報を提示するためのダイアログです。モーダルなダイアログです。ダイアログの表示中、ダイアログの裏側の領域はスクリム(幕)で隠され、操作を受け付けません。注意モーダルなUIの使いどころもあわせて参照してください。ダイアログを乱用しないMessageDialogの表示中、ユーザーの操作範囲は強制的に制限されます。ダイアログが表示されることによってユーザーの操作を妨げてしまわないか、ダイアログとして表示する・操作させるべき内容なのか、慎重にユースケースを定義し、使用を検討してください。複数のモーダルダイアログを同時に表示しないモーダルダイアログ(ActionDialogやMessageDialog)を1つの操作で複数個表示したり、モーダルダイアログ上の操作によって2つ目のモーダルダイアログを表示したりすることは、原則として推奨されません。3つの画面が重なり、画面どうしの関係性や、どんな操作をすれば何が起こるのかが予測しづらくなるためです。モーダルダイアログ上の操作によってModelessDialogを表示したり、ModelessDialogが開いている状態でモーダルダイアログを開いたりすることは問題ありません。フィードバックとして使わないMessageDialogは、表示したままダイアログ外の操作ができず、以下の理由で処理結果のフィードバックには不適切なため、原則としてフィードバックとしては使いません。処理が成功した場合、ユーザーは次の操作をする前にダイアログを閉じる一手間が発生する処理が失敗した場合、表示されたエラーメッセージを参照しながら操作できないフィードバックにはNotificationBarやResponseMessageなどを使います。詳しくは、フィードバックを参照してください。レイアウト基準サイズダイアログの横幅サイズの基準値は以下のとおりです。サイズに意図がない場合は、下記の値から想定に近い値を選択してください。幅の最小値として使います。幅の最大値として使います。スマートフォン(SP)スマートフォンは表示領域が狭いため、サイズの最大値/最小値は同じとします。画面の天地左右中央に表示されます。アクセシビリティキーボード操作ESCキーを押すことでダイアログを閉じることができます。構成MessageDialogは以下の要素で構成されます。タイトルこのダイアログで表示する情報を簡潔に表現するタイトルをつけます。サブタイトルは基本的に使いません。本文ユーザーに提示したい情報を表示します。通常、FormControlなどの入力要素が含まれることはありません。入力要素を含めたい場合はActionDialogを使用してください。アクションボタンダイアログを閉じるボタンを配置し、ラベルは閉じるとします。