Skeleton
Carbon ships three skeletons: Skeleton — base wrapper around any shape (block, circle, etc.) SkeletonText — pulsing horizontal lines for text placeholders SkeletonPlaceholder — fillable rectangle for image / chart placeholders
primitives-skeleton--defaultOpen all variants →
When to use
- Maintain layout stability while async data loads — list rows, cards, dashboards, dataset thumbnails.
- Shape matches the eventual content; user perceives faster load.
When not to use
- Indeterminate spinner without specific layout shape → use `Loading`.
- Determinate progress (with known % complete) → use `ProgressBar`.
- Quick interactive feedback inside a button or row → use `InlineLoading`.