Funnel Chart
Conversion funnel with tapering stages, percent of top, drop-off between stages and animated entry.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
FunnelChartProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| stages* required | FunnelStage[] | — | — |
| orientation | "vertical" | "horizontal" | "vertical" | "vertical" stacks stages top to bottom; "horizontal" runs left to right |
| tone | FunnelTone | "primary" | — |
| title | string | "Conversion funnel" | Accessible title used in the summary |
Install
$ npx shadcn@latest add https://chromotion.dev/r/funnel-chart.json