スケルトンSkeleton
Experimental

読み込み中のコンテンツの形を示すプレースホルダーです。

状態とバリエーション

カードの読み込みでは、画像領域、見出し、本文の位置を先に確保します。

本文の読み込みでは、見出しと段落の行幅を変えて文章量を予告します。

ヘッダーやタブの読み込みでは、ロゴ領域とリンク幅を個別に確保します。

動画の読み込みでは、プレイヤー領域、再生ボタン、タイトル行をまとめて模倣します。

列数を実データに合わせると、読み込み後のレイアウトずれを減らせます。

表は横にスクロールできます

プロパティ	型	初期値	説明
shape	"rectangle" \| "circle" \| "text"	"rectangle"	プレースホルダーの形です。
className	string	-	実際に表示される領域に合わせた幅、高さ、角丸を追加します。