Section Statistik

Section metrik — pita angka ramping dan baris kartu statistik dengan chip delta.

Section metrik untuk halaman landing atau marketing. Masing-masing adalah Svelte <section> mandiri selebar penuh yang dibangun hanya dari token semantik, sehingga gayanya berganti di setiap tema — warna brand dipetakan ke --primary. Coba pengalih tema di atas preview.

Preview

10M+

Requests served daily

99.99%

Uptime across regions

150+

Countries reached

4.9/5

Average customer rating

+12.4%

48,200

Active users

+8.1%

$1.2M

Monthly revenue

+0.02%

99.99%

Uptime

+0.3

4.9/5

Customer rating

Install

bun x bosia@latest add block stats/band
bun x bosia@latest add block stats/cards

cards menarik @lucide/svelte untuk ikonnya.

Blok-bloknya

band — pita muted ramping berisi empat angka berukuran besar dengan pemisah tipis.
cards — empat kartu statistik, masing-masing dengan ikon, nilai, label, dan chip delta primary.

Usage

<script lang="ts">
	import Stats from "$lib/blocks/stats/band/block.svelte";
</script>

<Stats />

Angka dan label berada di array hardcoded di bagian atas masing-masing block.svelte — tukar dengan metrik Anda sendiri.

Source

src/lib/blocks/stats/*/block.svelte