Cart

Cart Line Item

One cart row: image, title and variant, a quantity stepper, the line total, and a remove control.

cart

quantity

remove

Preview

Aurora Lamp

$129.00

Run the shadcn CLI. Dependencies and the shared lib block come with it.

npx shadcn add cart-line-item

Import

import { CartLineItem } from "@/components/lumo/cart-line-item"

Example

<CartLineItem
  line={line}
  onQuantityChange={(lineId, qty) => updateQuantity(lineId, qty)}
  onRemove={(lineId) => removeLine(lineId)}
/>

Prop	Type	Default	Required
line	CartLine	-	Required
onQuantityChange	(lineId, quantity) => void	-
onRemove	(lineId) => void	-
locale	string	-

All props accept standard HTML attributes unless otherwise specified.

Lumo blocks

npm packages

lucide-react

Lumo blocks copy into your repo. No runtime dependency, no lock-in. Edit the code to fit your product.