Cart Incentive Bar

The visual progress fill for Cart Incentive.

Last updated

August 14, 2026

How to use

Place this component inside a Cart Incentive State's Under Threshold or Over Threshold design.
Set Recipe ID on the parent Cart Incentive State — not on this component; Cart Incentive Bar inherits it automatically.
Choose a Style of Config for the built-in progress fill, or Connect to swap in your own custom design.
Set Preview % (0–100, in steps of 25) to preview the fill on canvas.

Where its progress comes from

Cart Incentive Bar doesn't hold its own threshold data — it reads Recipe ID and Start after from the Cart Incentive State it's nested inside, so you only set the incentive recipe once and every Amount or Bar underneath stays in sync automatically.