ItemCarousel

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.

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 storefront configuration?

Preview

Import

Usage

Props

Behavior

​ItemCarousel

Need storefront configuration?

​Preview

​Import

​Usage

​Props

​Behavior

ItemCarousel

Preview

Import

Usage

Props

Behavior