See it all in action

Live demo shop with every component working together

CartItem

Individual item in shopping cart

npx shadcn@latest add https://registry.rifan.xyz/r/cart-item.json

Props

PropTypeDefaultDescription
item*CartItemCart item data
onUpdateQuantity*FunctionQuantity update handler
onRemove*FunctionItem remove handler

Usage

import { CartItem } from '@revannasser/ecommerce-ui'

// Individual item in shopping cart
<CartItem
  item={...}
  onUpdateQuantity={...}
  onRemove={...}
/>