Skip to main content

​
CartItemRow

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.
Renders a single line item in the cart, showing the product name, selected modifiers, special instructions, quantity stepper, and line total.

​
Preview

​
Import

​
Usage

​
Props

​
CartItem
required
The cart item object with product details, modifiers, quantity, and price.
​
(quantity: number) => void
required
Callback fired when quantity is changed via the stepper.
​
() => void
required
Callback fired when the item is removed (quantity reaches 0 or delete is clicked).
​
() => void
Optional callback to re-open the product customization screen.

​
Behavior

  • Displays modifier selections as comma-separated tags
  • Shows special instructions in italics below modifiers
  • Swipe-to-delete gesture on mobile
  • Tap on item opens edit mode via onEdit