Skip to main content

​
ItemCounterButton

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
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