Skip to main content

Community components Loading spinner Edit

Important

This is a community component

This component was added by a user in the community. It is only meant for use in the alpha and beta phases of your project as it is not yet fully integrated into the design system. This is because some key bits of information for the component have not yet been added.

Once all information is provided, the community tag will be removed and it will be ready to use in live environments.

A three step process: Ask the user for information, view a summary of that information and ask if they want to add more of the same type of information, if they do it will take them back to the first step to ask the user for information again.

Overview of the component

When the page requires information and the user needs to wait for a process to finish then a loading spinner is displayed. This is to show the user that the page is still working and not frozen.

Why is the component needed Edit

There was a need because sometimes user have to wait was sometimes up to 15 seconds due to the amount of data.

Current uses for the component Edit

We needed a way to show a user that a long running task (in this case a virus scan on uploads) was in progress along with providing progress updates.

There was a need because sometimes user have to wait was sometimes up to 15 seconds due to the amount of data.

When not to use the component Edit

Don't use it when the user is still able to interact with the page.

Contribute to the community discussion

The MoJ Design System team would like to hear:

  • how you have used this component
  • any feedback you have about its usage, for example accessibility or ideas for improvement

Add these comments to the loading spinner discussion on Github.