Skeleton Preview
A skeleton lets people know that a section of content is loading without blocking other parts of the page.
Skeletons are great for hinting at the structure of information in a layout. Use them to gradually load content that takes longer than a second. If you don’t know the structure, try a progress bar or spinner. Skeletons let people know something is happening, but not how long until it’s done. Avoid them for long processes.
Loading...
Properties
as
“div”
Default:
noneanimation
The animation type for the Skeleton.
“wave”
“pulse”
Default:
noneappearance
Sets the appearance of the Skeleton.
“opaque”
“translucent”
Default:
nonewidth
Sets the width value of the skeleton wrapper.
string
number
Default:
none