> 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/category-carousel.md).

# Category Carousel

The category carousel module is composed by a carousel of cards that follows Liquid Commerce Taxonomy standard and notifies when a category is selected.

<figure><img src="https://2133314921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FocHhicpiKvH6jM6BmAn6%2Fuploads%2FdF0ztskO70KCQB1B8H1Q%2Fimage.png?alt=media&amp;token=c45c3a5f-5e40-4307-8a53-6468bab1545f" alt=""><figcaption></figcaption></figure>

### Usage

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

const Component: FC = () => {
  return (
    <LiquidCategoryCarousel
      onCardClick={(category) => {
        // navigate to category page
      }}
    />
  );
};

export default Component;

```

### Properties

| property    | type   | default | description                                                                            |
| ----------- | ------ | ------- | -------------------------------------------------------------------------------------- |
| onCartClick | `func` | -       | Callback fired when a category is clicked. The first argument is the clicked category. |