Skip to main content

Spinners

Spinners indicate progress by showing users a loading state.

Progress Indicators

Overview

Spinners are used as indeterminate progress indicators to show the user that there are processes happening in the background.

Usage

Use when

  • Indicating to the user that loading is occurring in the background.
  • Loading times are indeterminate.

Don’t use when

  • A loading scenario needs to indicate progress, usually with particularly long load times. Use a dynamically updating Progress Bar instead.
  • A main loading state is needed, such as an app initialization. In this case, forego our simple spinner, and opt to use a custom, branded one instead.
What's changed
Date Version Notes Contributors
01/16/2023 1.0.0 New component added. D. Bedick, E. Bohn, N. Cadsawan, E. Gunther, I. Perez, J. A. Provin Silva, L. Saenz, C. Starbird, R. Stillwell, S. Kaukonen, N. Byati