patterns / 11Loading & recovery
Keep the current work understandable while a resource is loading or has failed.
Live interface previewSession only Try the controlsOpening your templatesOpening your templatesFetching saved starting points for this workspace.
Usage
- Use a local spinner or stable skeleton and preserve a useful current preview.
- Offer retry on recoverable failure and label simulated progress honestly.
Variants
Inline spinnerCanvas skeletonBusy actionError/retryEmpty state
Preview states
Loading exampleProgress exampleReady exampleError exampleRetry feedback
Integration boundary
- Only font/resource and route loading are real async operations here; save/export states are demonstrations.
Source modules 4
conceptualize/components/studio-v2/studio-library-patterns.tsxconceptualize/components/studio-v2/studio-feedback.tsxconceptualize/components/studio-v2/studio-font-browser.tsxapp/(conceptualize)/2-0/loading.tsx
