SalesFunnel

Horizontal funnel showing how many leads remain at each stage.

Jump to API reference

Import

Vue
import { UiSalesFunnel } from '@ziyarago/ui/vue'

Empty

Vue
<UiSalesFunnel :steps="[]" />

Lead funnel

Visitors12 400
Leads3 200
Quotes1 150
Booked420
Vue
<UiSalesFunnel
  :steps="[{ label: 'Visitors', value: 12400 }, { label: 'Leads', value: 3200 }, { label: 'Quotes', value: 1150 }, { label: 'Booked', value: 420 }]"
 />

API reference

Horizontal funnel of steps with bars scaled to the largest value, for conversion flows.

Props

PropType and valuesDefaultDescription
stepsrequired{ label: string; value: number }[][]Steps from top to bottom. Bars scale to the max value; the last step is highlighted in brand color.