Gauge

FREE

Renkli aralıklı, isteğe bağlı ibreli yarım daire KPI göstergesi.

Kurulum

Terminal

npx @bloxa/cli add gauge-chart
# or: npx shadcn@latest add @bloxa/gauge-chart

Otomatik kurulan paketler: motion

Performance score

Busy

Goal

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

Özellik	Tip	Varsayılan	Açıklama
value / min / max	number	— / 0 / 100	Değer ve aralık.
bands	{ to, color, label? }[]	—	Renkli aralıklar; değerin aralığı yayı boyar.
needle	boolean	false	İbre.
format	Intl.NumberFormatOptions	—	Ortadaki değerin biçimi.
size / thickness	number	240 / 18	Genişlik ve kalınlık.