> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# <CartRelatedItems />

> Upsell carousel shown in the cart suggesting complementary items.

# CartRelatedItems

<Snippet file="api-key-location.mdx" />

A horizontal carousel displayed within or below the cart panel that suggests related or complementary items to encourage upselling.

## Preview

Desktop

Mobile

## Import

```tsx theme={null}
import { CartRelatedItems } from '@/components/CartRelatedItems'
```

## Usage

```tsx theme={null}
<CartRelatedItems
  items={suggestedItems}
  onAddItem={handleQuickAdd}
/>
```

## Props

**items** `Product[]` *required*

Array of suggested products to display.

**onAddItem** `(product: Product) =\> void` *required*

Callback fired when a suggested item's add button is clicked.

## Behavior

* Shows compact product cards with image, name, price, and quick-add button
* Horizontally scrollable with peek effect
* Items are determined by the backend based on cart contents
* Hidden when no suggestions are available


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.