Preserves the expected content shape while loading.
System role
Tier-0 design-system foundation used by dynamic projections.
Rendered component states
Use
text is selected by contract metadata, responsive context or explicit recipe configuration for Skeleton.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
row is selected by contract metadata, responsive context or explicit recipe configuration for Skeleton.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
card is selected by contract metadata, responsive context or explicit recipe configuration for Skeleton.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
stat is selected by contract metadata, responsive context or explicit recipe configuration for Skeleton.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
chart is selected by contract metadata, responsive context or explicit recipe configuration for Skeleton.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.