Loading & feedback
Reserve space, explain progress, and make the next action clear.
1
Reserve space with shapes that match the expected content.
2
Tell assistive technology that the region is busy.
3
Replace the placeholder and announce when content is ready.
WORKING EXAMPLE
Component reference →Loading & feedback
Use a skeleton for content that is loading. Use an empty state when loading is complete but there are no records. Use an error message and a retry action when the operation fails.
Keep the same interaction sequence and connect its events to your own state and data. Reuse the component’s styles and accessible controls so the behavior remains familiar.