bloxa

Donut Chart

FREE

Animasyonlu dilimli halka ya da pasta; üzerine gelinen dilim ortada.

Kurulum

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

Otomatik kurulan paketler: motion

Örnekler

Halka ve pasta

9.750
  • Search4.820
  • Direct2.310
  • Social1.640
  • Email980

API

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

DonutChart

ÖzellikTipVarsayılanAçıklama
index / categorystring—Dilim adı ve değer anahtarı.
variant"donut" | "pie""donut"Halka ya da pasta.
size / thicknessnumber180 / 22Çap ve halka kalınlığı (px).
labelReactNode—Ortadaki metin; varsayılan toplam.