Cart
CartItem
Individual cart line item with image, details, quantity selector, and remove button.
CartItem
Displays a single cart line item with product thumbnail, name, variant info, price, quantity selector, and a remove button.
Preview
Premium Wireless Headphones
var_1
$199.99
Usage
<CCartItem
:item="cartItem"
@update:quantity="updateQuantity"
@remove="removeItem"
/>
Loading State
<CCartItem :item="cartItem" loading />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
item | CartItem | required | Cart item data |
loading | boolean | false | Disable interactions during loading |
size | 'sm' | 'md' | 'lg' | 'md' | Size variant |
ui | Partial<{...}> | — | Per-instance theme overrides |
Events
| Event | Payload | Description |
|---|---|---|
update:quantity | number | New quantity value |
remove | — | Item removal requested |
Slots
| Slot | Scoped Props | Description |
|---|---|---|
image | { item } | Custom image rendering |
title | { name } | Custom title |
variant | { item } | Custom variant info |
price | { price } | Custom price display |
quantity | { quantity, update } | Custom quantity control |
remove | { remove } | Custom remove button |