Homecomponentsfeedback
Skeleton
A placeholder for the information that is still loading.
Use Skeleton components to display a placeholder while you wait for content to load, or to visualize content that doesn't exist yet.
Skeleton Title
Use SkeletonTitle to display a placeholder for a title.
Skeleton Paragraph
Use SkeletonParagraph to display a placeholder for a paragraph.
Skeleton Avatar
Use SkeletonAvatar to display a placeholder for an avatar.
Skeleton Button
Use SkeletonButton to display a placeholder for a button.
Skeleton Input
Use SkeletonInput to display a placeholder for an input.
Example
Here's an example of a more complex skeleton built upon Skeleton components.
API
SkeletonTitle
level
Required
1
2
3
4
5
6
width
Required
PxOrRem
active
Required
true
false
data
DataAttributeMap
SkeletonParagraph
rows
Required
number
width
Required
"100%" | PxOrRem
size
Required
large
small
xxlarge
xlarge
regular
xsmall
micro
active
Required
true
false
data
DataAttributeMap
SkeletonAvatar
shape
Required
round
square
active
Required
true
false
size
medium
large
small
xlarge
xsmall
data
DataAttributeMap
SkeletonButton
size
Required
medium
large
small
undefined
width
Required
"100%" | PxOrRem
active
Required
true
false
data
DataAttributeMap
SkeletonInput
width
Required
"100%" | PxOrRem
active
Required
true
false
size
small
regular
data
DataAttributeMap