Color Schemes for Skeleton
are not implemented in the default theme. You can extend the theme to implement them.
Skeleton
Skeleton is used to display the loading state of some component.
Props#
colorScheme
colorScheme
Description
Type
string
endColor
endColor
Description
The color at the animation end
Type
string
fadeDuration
fadeDuration
Description
The fadeIn duration in seconds. Requires isLoaded
toggled to true
in order to see the transition.
Type
number
Default
0.4
fitContent
fitContent
Description
If true
, the skeleton will take the width of it's children
Type
boolean
isLoaded
isLoaded
Description
If true
, it'll render its children with a nice fade transition
Type
boolean
size
size
Description
Sizes for Skeleton
are not implemented in the default theme. You can extend the theme to implement them.
Type
string
speed
speed
Description
The animation speed in seconds
Type
number
Default
0.8
startColor
startColor
Description
The color at the animation start
Type
string
variant
variant
Description
Variants for Skeleton
are not implemented in the default theme. You can extend the theme to implement them.
Type
string