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
colorSchemeDescription
Type
stringendColor
endColorDescription
The color at the animation end
Type
stringfadeDuration
fadeDurationDescription
The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.
Type
numberDefault
0.4isLoaded
isLoadedDescription
If true, it'll render its children with a nice fade transition
Type
booleansize
sizeDescription
Sizes for Skeleton are not implemented in the default theme. You can extend the theme to implement them.
Type
stringDefault
2remspeed
speedDescription
The animation speed in seconds
Type
numberDefault
0.8startColor
startColorDescription
The color at the animation start
Type
stringvariant
variantDescription
Variants for Skeleton are not implemented in the default theme. You can extend the theme to implement them.
Type
stringProps#
colorScheme
colorSchemeDescription
Color Schemes for Skeleton are not implemented in the default theme. You can extend the theme to implement them.
Type
stringendColor
endColorDescription
The color at the animation end
Type
stringfadeDuration
fadeDurationDescription
The fadeIn duration in seconds. Requires isLoaded toggled to true in order to see the transition.
Type
numberDefault
0.4isLoaded
isLoadedDescription
If true, it'll render its children with a nice fade transition
Type
booleansize
sizeDescription
Sizes for Skeleton are not implemented in the default theme. You can extend the theme to implement them.
Type
stringDefault
2remspeed
speedDescription
The animation speed in seconds
Type
numberDefault
0.8startColor
startColorDescription
The color at the animation start
Type
stringvariant
variantDescription
Variants for Skeleton are not implemented in the default theme. You can extend the theme to implement them.
Type
string