Loading Spinners are used to notify the user that an action is being processed. This reassures the user of the system status.

Loading spinners can be presented in various sizes depending on the context in which the spinner is being used.

For fast processes (less than 300ms), a spinner may not be required. However, for a process that may take time, a spinner should be used.

Avoid showing multiple Loading Spinners on a single page.

• When fetching data or content, where the expected response time is greater than ~300ms.
• When loading more information into a Table or List.

For additional clarity for screen reader users, provide a message to the spinner that would explain to the user that the content is being loaded.

Message can be provided as a string or as an object in the format of { start: ... , end: ... }, where the "start" message is announced when the Spinner appears and the "end" message is announced when the Spinner closes.

A Spinner can be used in various ways to indicate to the user that a task is in process.

A Spinner allows users to know when something is being loaded without explicitly telling them. When using a spinner in a larger area you can increase the size of the spinner.