Spinner

Let users know that their request is underway.

View in Storybook

Behavior

The spinner appears at the centre of the content area and animates indefinitely.

Usage

• Show that an action or process is underway.
• Show that data is loading.
• Show that the entire page or content area is loading.

Best practices

• If applicable, consider using a skeleton.
• Avoid using spinners for actions and processes that take longer than five seconds, as users might be concerned with the long waiting times. Consider using an additional form of feedback on timeout, like a toast.