Funnel Chart
FREEKullanıcılar azaldıkça daralan aşamalar ve adım adım dönüşüm oranı.
Kurulum
Terminal
npx @bloxa/cli add funnel-chart
# or: npx shadcn@latest add @bloxa/funnel-chartOtomatik kurulan paketler: motion
Örnekler
Satış hunisi
Visited site
24.800
%38,7 dönüşüm
Viewed pricing
9.600
%32,3 dönüşüm
Started checkout
3.100
%59,4 dönüşüm
Paid
1.840
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
FunnelChart
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| data | { name, value }[] | — | Aşamalar. |
| showConversion | boolean | true | Adım dönüşümü. |
| color | string | — | Renk. |