When loading a page or a section, the content is often not immediately available. In this case, loading states are used to communicate that data is actively being retrieved and, depending on how much data is being loaded, we will use different elements to signal this:
• Skeletons: for entire screens or big parts of a screen (e.g. cards, side panels) • Spinners: for micro-interactions like pressing a save button