Skeleton
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 Name | Paragon Version | Instance Count | |
---|---|---|---|
frontend-app-admin-portal | 21.13.1 | 44 | |
frontend-app-authn | 22.8.1 | 3 | |
frontend-app-enterprise-public-catalog | 21.13.1 | 1 | |
frontend-app-learner-portal-enterprise | 21.13.1 | 21 | |
frontend-app-payment | 22.8.1 | 27 | |
frontend-app-support-tools | 21.13.1 | 4 | |
prospectus | 20.46.2 | 6 |