Sparkle Design

Skeleton

スケルトンはユーザーにコンテンツが読込中であることを提示するために使用するコンポーネントです。

Skeleton の概要図

Anatomy: 解剖図

ItemNameDescriptionComponentOptional
1SkeletonSkeleton要素—

Usage: 使い方

適切な使用例。上部に大きな長方形のグレーのプレースホルダーが表示され、その下に左側に円形のグレーのプレースホルダーと、右側に2本の横長の長方形のグレーのプレースホルダーが表示されています。
Do

読込中のコンテンツを代替表示する形式で使用します。サイズやシェイプは読み込み後のコンテンツに準じてレイアウトします。

Change log: 変更履歴

DateChanges
2025/04/04初版を公開
小さな気づきや違和感があれば、お気軽に教えてください。
フィードバック
Chat illustration