Skip to main content

​
ItemCounterButton

Need an API key?

Get one from Crave Dashboard > Developers > API Development > Step 1 - API Keys. Copy the matching locationId from Step 2 - Location IDs on the same page.
A compact stepper control with minus/plus buttons and a quantity display. Used for adjusting item quantities in the cart and modifier option counts.

​
Preview

​
Import

​
Usage

​
Props

​
number
required
The current quantity value.
​
() => void
required
Callback fired when the plus button is clicked.
​
() => void
required
Callback fired when the minus button is clicked.
​
number
default:"0"
Minimum allowed value. Decrement button is disabled at this value.
​
number
default:"99"
Maximum allowed value. Increment button is disabled at this value.

​
Behavior

  • Disables minus button when count reaches min
  • Disables plus button when count reaches max
  • Animates the count value on change
  • Compact variant available for inline use in modifier options