Skeleton

Use the Skeleton to represent a loading state when the app loads for the first time or most of the page is loading.

OverviewPropertiesUsage

When to use

• When the app is loading for the first time or most of a page or view is in a loading state. Skeletons improve perceived performance and are a subtle indicator of background activity.
• When you need to prevent layout shifts because the loaded content differs significantly in size from a loading indicator.

When not to use

• When indicating that a specific part of the page is loading or saving. Use ProgressBar or ProgressCircle instead.
• When representing loading text content. Use SkeletonText instead.