Delivery

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

locationId

string

required

The location ID to check delivery zones against.

onAddressConfirmed

(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

​Delivery

​Preview

​Import

​Usage

​Props

​Behavior