Funnel Chart

FREE

Kullanı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-chart

Otomatik 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

ÖzellikTipVarsayılanAçıklama
data{ name, value }[]—Aşamalar.
showConversionbooleantrueAdım dönüşümü.
colorstring—Renk.