Matches loading feedback to the shape of the requested content or background work.
System role
Contract metadata resolves content, policy and state; recipe axes resolve presentation.
Rendered component states
Use
skeleton is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
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
inline is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
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
progress is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
Motion
The progress state uses bounded transform or opacity feedback and freezes under reduced motion.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
list is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
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
detail is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
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 LoadingState.
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
block is selected by contract metadata, responsive context or explicit recipe configuration for LoadingState.
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.