Liquid Modules
  • Modules
    • Getting Started
    • Authentication
    • React
      • Breadcrumbs
      • Carousel
        • Category Carousel
        • Product Carousel
      • Cart
      • Checkout
      • Order Confirmation
      • Order Tracking
      • Product
      • Product List Page
Powered by GitBook
On this page
  • Usage
  • Properties
  1. Modules
  2. React
  3. Carousel

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.

PreviousCarouselNextProduct Carousel

Last updated 1 year ago

Usage

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.