Spinner

A Spinner indicates that something is loading, and users can't interact with the interface just yet.

Component Status

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

The Spinner component indicates that the system is processing something before displaying content on the screen. It appears if the waiting time exceeds one second, and only one Spinner should be visible on the page at a time.

Spinner - Overview example