Delivery

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.

Collects and validates a delivery address, checks if the address falls within the merchant’s delivery zone, and displays estimated delivery time and fees.

Preview

Import

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

Usage

<Delivery
  locationId={locationId}
  onAddressConfirmed={handleAddressConfirmed}
/>

Props

string

required

The location ID to check delivery zones against.

(address: DeliveryAddress) => void

required

Callback fired when a valid delivery address is confirmed.

Behavior

Google Places autocomplete for address input
Validates address against the location’s delivery zones
Shows “Outside delivery area” error for out-of-range addresses
Displays delivery fee and estimated time for valid addresses
Optional delivery instructions text field

UI Components

Menu & Products

Modifiers

Cart

Checkout

Fulfillment

Post-Order

<Delivery />

Delivery

Need an API key?

Preview

Import

Usage

Props

Behavior

​Delivery

Need an API key?

​Preview

​Import

​Usage

​Props

​Behavior

Delivery

Preview

Import

Usage

Props

Behavior