Skip to main content

Spinner

A spinner is a visual element that indicates an ongoing activity or loading progress.

Example

Illustrates the animations that happen in the button component, on hover, active and loading states.

A cyclical timeline shows eight circles, each progressively filled with orange, indicating a continuous progression.

Loading

The spinner rotates 360 degrees in a clockwise direction on an infinite loop at a speed of 1150ms.

A rotation graph over milliseconds is shown with a table detailing a linear transformation that rotates a shape infinitely.
PropertyCubic BezierEasing tokenNotes
Transformation(0, 0, 1, 1)Linear (not tokenised)Shape rotates at 360 degrees on a infinite loop.