Skeleton

Skeleton is a component that can be used to show a loading state of a component

Basic Usage

<div
  class="is-flex is-gap-6 is-flex-column sm:is-flex-row is-align-items-center"
>
  <div><div class="is-w-128 is-h-128 skeleton"></div></div>
  <div class="is-flex is-flex-column is-gap-3 w-100">
    <div class="skeleton is-h-128 w-100"></div>
    <div class="skeleton is-h-16 is-w-4-12"></div>
    <div class="skeleton is-h-16 w-100"></div>
    <div class="skeleton is-h-16 w-100"></div>
  </div>
</div>