Skeleton

Skeleton is used to display the loading state of some component.

Import#

Usage#

You can use it as a standalone component

Editable Example

Or to wrap another component to take the same height and width

contents wrapped
won't be visible
Editable Example

Useful when fetching remote data

Circle and Text Skeleton#

Editable Example

Skeleton color#

You can change the animation color with colorStart and colorEnd.

Editable Example

Skipping the skeleton when content is loaded#

You can prevent the skeleton from rendering using the isLoaded prop

Rock UI is cool
Editable Example
Edit this page

Made byChakraandRock Content