Spinner

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

Anatomy

Spinner Anatomy

Item

Name

Description

1

Spinner

The graphic element representing the spinner, animated for a spinning effect.


Specification and properties

Theming

B2B vs. GX

Spinner B2B

Spinner B2B

Spinner GX

Spinner GX

Sizing

The Spinner component offers three sizing options: Small, Medium, and Large. When choosing which one to use in your designs, consider the option that best accommodates your content.

Spinner Size 1
Spinner Size 2
Spinner Size 3

Item

Size

Value

1

Small

24px

2

Medium

40px

3

Large

56px