Theme

npm_versionnpm Paragon package page

Skeleton component can be used directly in your components in place of content that is loading. This tool has the ability to customize loading state of you component. You can read more about Skeleton on the official documentation repository.

Basic Usage

For convenient customization of the loading component, width and height properties are available, you can also set the number of columns in the displayed Skeleton.

Any Paragon component or export may be added to the code example.

With image

Skeleton is convenient to use with images, including those in a circle format.

Any Paragon component or export may be added to the code example.

With custom theme

Skeleton Theme allows you to customize the styles of your nested components in a flexible way. Settings will be passed on to the rest of the Skeleton components in the hierarchy.

Any Paragon component or export may be added to the code example.

With custom wrapper

By wrapping the Skeleton in a container, you can flexibly customize the elements of the skeleton.

Any Paragon component or export may be added to the code example.

Usage Insights#

Skeleton

Project NameParagon VersionInstance Count
frontend-app-admin-portal21.13.144
frontend-app-authn22.8.13
frontend-app-enterprise-public-catalog21.13.11
frontend-app-learner-portal-enterprise21.13.121
frontend-app-payment22.8.127
frontend-app-support-tools21.13.14
prospectus20.46.26