# XWUIProductQuickView

A modal quick-look at a product, rendered as an overlay when `data.isOpen` is true: image, name, price, a short description, an out-of-stock note when applicable, a quantity stepper, "Add to cart", a "View full details" link, and a close button (also closes on backdrop click).

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-product-quick-view:add-to-cart` | `onAddToCart` | `onAddToCart(handler)` | `{ productId, quantity }` |
| `xwui-product-quick-view:close` | `onClose` | `onClose(handler)` | — |
| `xwui-product-quick-view:view-full-details` | `onViewFullDetails` | `onViewFullDetails(handler)` | `{ productId }` |

## Usage

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

const quickView = new XWUIProductQuickView(host, {
  isOpen: true,
  productId: 'p1',
  name: 'Leather Backpack',
  price: 129,
  inStock: true,
});

quickView.onAddToCart(({ productId, quantity }) => cart.add(productId, quantity));
```

```api
```