Skip to main content

Basic Content Loading

Use Case

When navigating to a new screen where content needs to be loaded without blocking the UI.


  • Loading Spinner

Best Practices

  • If there are different areas to loading at different times, we can display a spinner per area (see web .gif example where the main content and the sidebar loads independently).
  • Do not use more than 2 spinners at the same time in the screen. If needed, it's better to display only one and show the contents when everything has finished loading.

Best used for

  • Transitioning to a new view and loading new content.


  • A better alternative for content loading can be found in the Advanced Content Loading component, although requires more time to implement.