Loading

COMPONENTS

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

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

The loading icon has an animated loop.

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

DO: Place loading icon in the middle of screen on main page load.

DON'T: Use for inline loading display.

Skeleton Loader

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

Contents