Spinner

Spinner can be used to show a progress of an ongoing operation.

loading

Size

The size prop can be passed to adjust the size of the Spinner.

loading

Accessibility

A statusMessage can be passed to Spinner. The statusMessagewill be announced by screen readers when the Spinner is rendered.

It is also recommended to provide aria-busy and aria-live attributes to the region that is waiting for an event to finish. As an example, try navigating the following example using a screen reader. On Mac, you can use VoiceOver to do this.