pattern-library 2 linked patterns checked
Nord Design System Skeleton
Documents skeletons for dynamic content only, use of aria-busy on loading regions, and removing busy state once loaded.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Infinite spinner | Flag this anti-pattern when a spinner or busy overlay can continue without a timeout, elapsed status, retry, cancel, fallback, or failure state. | The loading state is tied to a specific region, action, or object instead of freezing the entire interface without explanation. | Nord documents removing busy state after dynamic content loads, supporting the requirement that loading states resolve instead of continuing indefinitely. |
| Loading skeleton | Choose skeletons when the final content layout is known enough to reserve stable space. | Skeleton placeholders are not focusable, clickable, selectable, or announced as real content. | Nord documents dynamic-content skeletons, aria-busy regions, and removing busy state after load. |
Comparisons supported by this source
- Infinite spinner vs loading skeleton vs error state
Nord documents dynamic-content skeletons and removing busy state after loaded content appears.
- Loading skeleton vs empty state vs error state
Nord documents dynamic-content skeleton use and aria-busy behavior for loading regions.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Nord Design System. Last checked: .