Skeleton

A placeholder for a pending value or a not-yet-interactive control.

Basic Usage

You can use skeleton as a modifier class on Headings, Paragraphs, Buttons, Chips, or other elements to turn them into Skeletons.

Note: if you're turning an interactive element into a Skeleton, make sure to disable it!

<div class="card" style="width: 400px">
  <p class="card-title skeleton"></p>
  <p class="paragraph skeleton"></p>
  <p class="paragraph skeleton"></p>
</div>