Skeleton · Armada

Liste yükleniyor

Kodu göster

<div class="sc-col" style="max-width:420px">
    @foreach (range(1, 3) as $i)
        <div class="sc-row" style="flex-wrap:nowrap;gap:12px">
            <armada:skeleton variant="circle" width="40px" height="40px" />
            <div style="flex:1;display:grid;gap:8px"><armada:skeleton width="60%" /><armada:skeleton width="85%" height="10px" /></div>
        </div>
    @endforeach
</div>

Kart yükleniyor

Kodu göster

<div class="arm-grid" style="--min: 220px">
    @foreach (range(1, 3) as $i)
        <armada:card>
            <armada:skeleton height="120px" style="margin-bottom:14px;border-radius:10px" />
            <armada:skeleton variant="lines" :lines="3" />
        </armada:card>
    @endforeach
</div>

Özellikler

<armada:skeleton>

Değerler: line | text | circle | rect | lines

Prop	Varsayılan	Not
`variant`	`'line'`
`lines`	`3`
`width`	`null`
`height`	`null`