> For the complete documentation index, see [llms.txt](https://docs.modules.liquidcloud.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.modules.liquidcloud.app/modules/react/carousel/product-carousel.md).

# Product Carousel

The product carousel module provides a fully integrated carousel component that displays the most relevant products for a category or a retailer.

<figure><img src="https://2133314921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FocHhicpiKvH6jM6BmAn6%2Fuploads%2FVAI95PA0VPI9bDwtmqlx%2Fimage.png?alt=media&amp;token=ae564c50-39d2-4663-8678-3f63f748d2d1" alt=""><figcaption></figcaption></figure>

### Usage

```jsx
import { FC } from 'react';
import { LiquidProductCarousel } from '@liquidclouddev/modules-react';

export const CategoryCarousel: FC = () => {
  return <LiquidProductCarousel category="WINE" />;
};

export const RetailerCarousel: FC = () => {
  return <LiquidProductCarousel retailer="6565f4e8700628ce19105d26" />;
};
```

### Properties

| property | type     | default | description                                                          |
| -------- | -------- | ------- | -------------------------------------------------------------------- |
| category | `string` | -       | A Liquid Taxonomy category to show products for a specific category. |
| retailer | `string` | -       | A retailer id to show products for a specific retailer.              |