Skip to main content

Chassis v5.4.0

Skeletons

Use skeletons as layout placeholders while content is loading. You’ll need to set your own element sizes within your app, it’s recommended to try to match the size of the content that will be loaded in.

<div class="ch-display--flex ch-mb--2">
  <div class="ch-circle ch-skeleton" style="height: 80px; width: 80px;"></div>
  <div class="ch-ml--2 ch-flex--auto">
    <div class="ch-mb--2 ch-skeleton" style="height: 20px;"></div>
    <div class="ch-mb--2 ch-skeleton" style="height: 20px;"></div>
  </div>
</div>
<div class="ch-width--12 ch-skeleton" style="height: 120px;"></div>