Components
Cart Item
SketchCartItem — a hand-drawn cart row with quantity controls and an optional remove button.
SketchCartItem renders a single line item for a shopping cart — a sketch image
placeholder, product name, price, and ± quantity stepper. Pass onRemove to show a
close button on the right edge.
Default
import { SketchCartItem } from "blackchalk";<SketchCartItemname="Hand-Knit Wool Beanie"price="24.00"quantity={2}/>Pass onRemove to surface a close button on the right edge, and onQuantityChange
to handle the ± stepper.
Props
| Prop | Type | Default |
|---|---|---|
name | string | — |
price | string | — |
quantity | number | — |
onQuantityChange | (qty: number) => void | — |
onRemove | () => void | — |
See it in the Storybook playground, or read the source.