feedback
Skeleton
パルスアニメーション付きのローディングプレースホルダー。テキスト（単行・複数行）・円形・矩形に対応。
インポート
import { Skeleton } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| variant | 'text' | 'circular' | 'rectangular' | 'text' | Shape of placeholder |
| width | string | number | undefined | CSS width |
| height | string | number | undefined | CSS height |
| lines | number | 1 | Number of text lines (text variant only) |
| animate | boolean | true | Pulse animation |
Preview
使用例
Multi-line text
<Skeleton variant="text" lines={3} />
<Skeleton variant="circular" width={40} height={40} />
<Skeleton variant="rectangular" width="100%" height={120} />