FDS - ガイドライン

Snackbar

ユーザーにメッセージや通知を表示するためのUIコンポーネントです。Snackbarは、画面の一部に一時的に表示され、一定の時間が経過すると自動的に消えることが一般的です。Snackbarは、アクションの完了や状態の変化、エラーメッセージの表示など、さまざまな目的で使用されます。通常、画面の

Notification

Notificationは、ユーザーに情報を伝えるためのメッセージ・通知のことです。ユーザーの行った操作へのフィードバックの他、システムからのお知らせ・通知・障害なども表示できます。背景にはOverlayが入ります。表示中は背景画面の操作ができずユーザーが能動的に消す必要があり、Alertよりも強

Loading

ページまたはセクションの読み込み状態を表示します。ページの一部が非同期データを待機しているとき、またはレンダリングプロセス中に、この読み込みアニメーションを使う事でユーザーの不安を効果的に軽減できます。使用時の注意ページ全体、もしくは一部、またアクションに対する処理が読み込み中など場合に合

Dialog

Dialogは、重要な情報を知らせ、決定や選択を求めるパーツに対して適用します。設計の原則Dialogは、ページ全体に黒いオーバーレイがかけられた上に表示され、オーバーレイの下に見えている機能は操作できません。使用時の注意・複数のタスクを含む場合があります。一時的にユーザーの

Alert

ユーザーに何かを通知したり、警告したりするために使用されます。Alertを使用して、次のようなメッセージを表示できます。・成功メッセージ・警告メッセージ・エラーメッセージまた、ユーザーに特定のタスク実行を依頼するためにも使用できます。たとえば、次のようなタスクを実行するように依頼できます。