FEEDBACK / COMPONENTS
Spinner
Make brief waiting understandable.
About spinner
Spinner is a visual affordance which indicates a processing or loading state. It signals to the user that an action or request is underway. The rotating animation provides feedback, ensuring users understand that the system is actively working on their request, even if it takes some time.
01
Anatomy
Shared parts, named consistently.
Importing tokens
- 1SpinnerRequired
Main circular visual element of Spinner.
- 2IndicatorRequired
Additional visual affordance.
Try the default
A working example with the shared V1 visual language.
Importing tokens
When to use
Use for short operations whose completion percentage is unknown. Keep context visible and explain what is loading.
A status label is exposed to assistive technology. The indicator does not receive focus.