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

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

Chakra ui is cool
Editable Example

Proudly made in 🇳🇬

Released under the MIT License.

Copyright © 2020 Segun Adebayo