The Spinner

A spinner is one of the simplest components there is, and still easy to get wrong. The Spinner page walks you through showing that something is busy, and making sure everyone hears about it, since the spinner itself stays silent.

New

• The Spinner takes its size and colour from the text around it, stays hidden from screen readers and stops turning when someone prefers reduced motion.
• Its checklist covers how screens use it too, like showing one spinner per wait and saying what's loading in a status message.
• It comes with its own contract, live examples and a tested reference implementation.

Improved

• The Button shows the Spinner while it's loading, so changing your spinner once changes it everywhere.