PaceUI

Intro

Agents

Crafts

Charts

Acquisition Funnel

A conversion funnel details card showing traffic progression and drop-off markers across stages.

When to use

Tracking conversion drop-off across marketing funnel stages (Impressions → Visits → Signups → Active → Paid).
Pinpointing funnel friction and stage-to-stage transition percentages.
Growth experimentation dashboards and campaign performance reviews.

When not to use

Non-sequential or non-linear customer journeys where steps can happen in any arbitrary order.
Continuous time-series line trends over months.

Props

Prop	Type	Default	Description
`data`	`FunnelStepItem[]`	`STATIC_STEPS`	Funnel milestone steps with target values, percentages, and metrics.
`className`	`string`	—	Optional CSS class name to apply to the root Card.

Data Structure

Field	Type	Description
`title`	`string`	Funnel step title (e.g., `Total Visitors`, `Registered Users`).
`target`	`number`	Numeric target count displayed in the animated rolling counter.
`decimals`	`number`	Number of decimal places to format for the value display.
`suffix`	`string`	Suffix string appended to the counter (e.g., `K`, `%`).
`topBadge`	`string`	Top conversion percentage badge label.
`bottomBadge`	`string`	Bottom drop-off or secondary rate badge label.
`leftPercent`	`string`	Horizontal marker placement percentage on the SVG funnel curve.

Daily Orders Weekly Attendance