ItemCarousel

Need an API key?

Get one from Crave Dashboard > Developers > API Development > Step 1 - API Keys. Copy the matching locationId from Step 2 - Location IDs on the same page.

A horizontally scrollable carousel that displays a row of product cards. Used for featured items, recommendations, or category highlights.

Preview

Import

import { ItemCarousel } from '@/components/ItemCarousel'

Usage

<ItemCarousel
  items={featuredProducts}
  title="Popular Items"
  onItemClick={handleItemClick}
/>

Props

Product[]

required

Array of products to display in the carousel.

string

Optional heading displayed above the carousel.

(product: Product) => void

required

Callback fired when a carousel item is clicked.

Behavior

Touch-friendly horizontal scrolling on mobile
Peek effect showing partial next card to indicate scrollability
Renders each item using the vertical Item component

UI Components

Menu & Products

Modifiers

Cart

Checkout

Fulfillment

Post-Order

<ItemCarousel />

ItemCarousel

Need an API key?

Preview

Import

Usage

Props

Behavior

​ItemCarousel

Need an API key?

​Preview

​Import

​Usage

​Props

​Behavior

ItemCarousel

Preview

Import

Usage

Props

Behavior