Components

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 utility classes to customize the visible spinner edges when a loading state needs to match a local context.

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.

Edit this page
Last updated: May 22, 2026, 6:53 PM