Spinner

Indicate an action running in the background.

As an indicator of load waiting, see also component Loading.

General

The basic Spinner usage.

Loading a panel

Show the Spinner where the content will appear, and swap it for the content when it arrives.

Inline with text

A small Spinner next to a short message tells what is running.

APIs

Spinner.Props

AttributeDescriptionTypeAccepted valuesDefault
...native propsHTMLAttributes'id', 'className', ...-

Accessibility

  • • The root has role="status" and the name Loading, so a screen reader announces it. Pass an aria-label, such as aria-label="Loading invoices", to name what is loading.
Edit this page on GitHub