Spinner

Spinners communicate loading or in-progress states in compact spaces.

Basic Usage

Use a plain spinner when the surrounding UI already explains what is loading.

Colors

Use tone to match the spinner to a local context without changing its size or motion.

Button Variants

Spinner variants help the loading indicator stay legible inside matching button variants.

Sizes

Use the size scale to match the spinner to the surrounding control without changing its visual behavior.