Skeleton

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

    SourceTheme source@chakra-ui/skeleton

Props#

endColor

Description

The color at the animation end

Type
string

fadeDuration

Description

The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.

Type
number
Default
0.4

fitContent

Description

If true, the skeleton will take the width of it's children

Type
boolean
Default
false

isLoaded

Description

If true, it'll render its children with a nice fade transition

Type
boolean
Default
false

speed

Description

The animation speed in seconds

Type
number
Default
0.8

startColor

Description

The color at the animation start

Type
string
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel