FDS - ガイドライン

Loading

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

使用時の注意

ページ全体、もしくは一部、またアクションに対する処理が読み込み中など場合に合わせてOverlayを敷いてその上に表示する、Loading Containerを用意してその中に表示する、対象物を透過するなど、Loading中である事を明確にします

カラートークン

Element Token
Spinner General/Primary/main
Overlay General/Neutral/main opacity 50

Properties(振る舞いの設定)

Component Propertiesで設定されている内容。

おすすめの記事

TOP