# XWUICartUpsellStrip

A compact horizontal strip of 2-4 suggested add-on items shown near or inside the cart, each with a thumbnail, name, price, and a quick "Add" button. This is a merchandising strip only - it does not manage the cart's own line items, quantities, or checkout; pair it with a cart panel such as `XWUICartDrawer`. Clicking "Add" fires `onAdd` and swaps that card's button to the "added" state without re-rendering the rest of the strip.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-cart-upsell-strip:add` | `onAdd` | `onAdd(handler)` | `{ itemId }` |

## Usage

```ts
import { XWUICartUpsellStrip } from '@exonware/xwui/industry';

const strip = new XWUICartUpsellStrip(host, {
  items: [
    { id: 'sku-1', name: 'Milk Frother', price: 39 },
    { id: 'sku-2', name: 'Coffee Beans (1kg)', price: 18 },
  ],
});

strip.onAdd((itemId) => console.log('added', itemId));
```

```api
```
