İstatistik · Armada

KPI ızgarası

Telefonda 2 sütun.

Gelir

₺284.300

Sipariş

1.284

İade oranı

2,1%

Aktif kullanıcı

9.402

Kodu göster

<div class="arm-stat-grid">
    <armada:stat label="Gelir" value="₺284.300" icon="wallet" :trend="12.4" description="geçen aya göre" />
    <armada:stat label="Sipariş" value="1.284" icon="shopping-bag" :trend="4.1" description="geçen aya göre" />
    <armada:stat label="İade oranı" value="2,1%" icon="undo-2" :trend="-0.6" description="geçen aya göre" />
    <armada:stat label="Aktif kullanıcı" value="9.402" icon="users" />
</div>

Sparkline'lı

Ziyaret

48.2k

Hemen çıkma

38%

Ort. oturum

3d 12s

Kodu göster

<div class="arm-stat-grid">
    <armada:stat label="Ziyaret" value="48.2k" :trend="8" :sparkline="[12, 18, 14, 22, 19, 28, 26, 34]" />
    <armada:stat label="Hemen çıkma" value="38%" :trend="-4" :sparkline="[42, 40, 44, 39, 41, 37, 38, 36]" />
    <armada:stat label="Ort. oturum" value="3d 12s" :sparkline="[3, 4, 3, 5, 4, 6, 5, 6]" />
</div>

Kartsız (card=false)

Kendi düzeninde kullan.

CPU

42%

RAM

6.1 / 16 GB

Disk

210 GB

Kodu göster

<div class="sc-row" style="gap:40px">
    <armada:stat :card="false" label="CPU" value="42%" />
    <armada:stat :card="false" label="RAM" value="6.1 / 16 GB" />
    <armada:stat :card="false" label="Disk" value="210 GB" />
</div>

Özellikler

<armada:stat>

Prop	Varsayılan	Not
`label`	`zorunlu`
`value`	`zorunlu`
`icon`	`null`
`trend`	`null`	e.g. 12.4 or -3 (percent)
`description`	`null`	e.g. "geçen haftaya göre"
`sparkline`	`null`	array of numbers
`card`	`true`