COMPONENTS

Loading

The Loading animation is displayed on page load to provide feedback to the user while data is being retrieved.

View GSUI Toolkit Documentation (Internal Only)
View in Figma (Internal Only)
loading intro
Anatomy
loading anatomy
  1. Loading Icon
  2. Label
  3. Loading Overaly
Appearance
Color

Loading Icon can be displayed in blue or gray color schemes.

loading color
Behaviors
Animation

The loading icon has an animated loop. 

loading animation
loading animation
Sizes

Loading Icon comes in three sizes — large, medium, and small.

loading sizes
Related Content

Skeleton Loader

Skeleton loaders are visual placeholders for information while data is still loading.

Progress

Progress indicators provide feedback to the user regarding the percentage of completion of a task, workflow or system.

Terms of UseGive FeedbackRegulatory DisclosuresPrivacy and CookiesSecurity