Skeleton

Use the skeleton component to indicate a loading status with placeholder elements that look very similar to the type of content that is being loaded such as paragraphs, images, videos, and more.

Default skeleton

Loading...
Loading...
Loading...
Loading...
Loading...

Image placeholder

Loading...
Loading...
Loading...

Video placeholder

Loading...
Loading...
Loading...
Loading...
Loading...

Text placeholder

Loading...
Loading...
Loading...
Loading...
Loading...

Card placeholder

Loading...
Loading...
Loading...
Loading...
Loading...

Widget placeholder

Loading...

List placeholder

Loading...

Testimonial placeholder

Loading...