Loading Feedback
Match loading feedback to what the product actually knows about time and completion.
Live example
Try the interaction before reading the recipe.
real component · keyboard-safe
Pending action
Resolved status
Loading Feedback · state follows real product work
Purpose
Match loading feedback to what the product actually knows about time and completion.
Guidance
Use Skeleton Morph for known content shape, Shimmer Surface sparingly, progress for measurable work, spinner for indeterminate work, and Async Button for a local action.
Accessibility and anti-patterns
Never fabricate progress or leave a shimmer running after content arrives; expose busy/status text.
Source: packages/skills/patterns/loading-feedback.md