Skip to content
OTF Kit logoOTF Kit

Cart Line Item

Display

Cart row with thumbnail, title, variant, price, quantity stepper, and remove action.

View in Storybook
Cart Line Item
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import CartLineItem from @otfdashkit/ui.

Code
// Cart Line Item — Cart row with thumbnail, title, variant, price, quantity stepper, and remove action.
//
// Install:
//   bun add @otfdashkit/ui

import { CartLineItem } from '@otfdashkit/ui'

export function Example() {
  return (
    <CartLineItem>
      {/* your content */}
    </CartLineItem>
  )
}

Props

Props declared in the CartLineItem source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
pricerequirednumberUnit price in minor units (cents).
quantityrequirednumber
titlerequiredstring
compareAtnumberOptional compare-at unit price in minor units.
currencystring'USD'
imagestringProduct thumbnail URL.
maxQuantitynumber99
minQuantitynumber1
onQuantityChange(qty: number) => void
onRemove() => void
variantstringVariant summary line, e.g. "Whole bean · 250g".

Related