Primitive
Skeleton
Pulsing placeholder used inside .Loading slots to reserve space for incoming content. Use the base Skeleton with custom dimensions, or one of the block-shaped variants (SkeletonValue, SkeletonBadge, SkeletonAmount) so the loading layout matches the success layout.
Preview
Class
| Class | When applied |
|---|---|
.asset-skeleton | Base — pulsing fill. Sized via inline styles or a wrapper. |
.asset-skeleton-value | SkeletonValue — block sized to match Value (180×32). |
.asset-skeleton-badge | SkeletonBadge — sized to match Badge (64×24). |
.asset-skeleton-amount | SkeletonAmount — 70%-wide cell-height block for a TableCell value. |
CSS variables
Override these on any ancestor scope (or globally) to restyle this primitive. See the CSS Variables reference for the full token list and Theming for override patterns.
| Variable | Affects |
|---|---|
--asset-radius | Corner radius (halved from the base value, matching Badge). |
--asset-border | Placeholder fill. |