Something is working and the time is unknown: small, in place, beside what it affects.

When to use

  • Inside a button while it saves.
  • In a row or panel that is refreshing.

Best practices

Pair the spinner with words when it lasts: “Saving…”.

Avoid

A full-screen spinner for content that could load progressively. Use skeletons.