Spinners

Spinners indicate progress by showing users a loading state.

Specifications

  • A spinner should usually be centered within its container unless inside of another element like a button.

Anatomy

SizeExampleHeight
Default

Example Size

52px
Default

Example Size

——

Sizes

Progress Indicators Sizes

The spinner keep the same size while rotating clockwise. It spins until loading is complete.

Progress Indicators Indeterminate Finished