Skip to main content

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.

Colors

Element Property Color
Default Spinner Trimble Blue Dark Mode Blue
#0063a3
#019aeb
Text (Optional) Trimble Blue Gray Light
#0063a3
#f1f1f1
Secondary Spinner Gray 6 Gray Light
#6a6e79
#f1f1f1
Text (Optional) Gray 6 Gray Light
#6a6e79
#f1f1f1
Tertiary Spinner Gray 1 Gray 4
#cbcdd6
#90939f
Text (Optional) Gray 1 Gray Light
#cbcdd6
#f1f1f1

Behaviors

  • A spinner spins indefinitely until loading is complete.
Loading...
Loading...
Loading...