Koyaka

Skeleton

Basic Skeleton

Pulse


    <div class="box" style="width: 300px">
        <div class="skeleton skeleton-avatar mb-3"></div>
        <div class="skeleton skeleton-text my-1"></div>
        <div class="skeleton skeleton-text my-1" style="width: 70%"></div>
    </div>

    <div class="box my-2" style="width: 300px">
        <div class="skeleton p-6 mb-3"></div>
        <div class="skeleton skeleton-text my-1"></div>
        <div class="skeleton skeleton-text my-1" style="width: 70%"></div>
        <div class="skeleton skeleton-text my-1" style="width: 40%"></div>
    </div>

    <h1>Pulse</h1>
    <div class="box my-2" style="width: 300px">
        <div class="skeleton p-6 mb-3 skeleton-pulse"></div>
        <div class="skeleton skeleton-text my-1 skeleton-pulse"></div>
        <div
            class="skeleton skeleton-text my-1 skeleton-pulse"
            style="width: 70%"
        ></div>
        <div
            class="skeleton skeleton-text my-1 skeleton-pulse"
            style="width: 40%"
        ></div>
    </div>
    

Contents