Skip to main content

​
CustomerDetailsForm

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 customer contact information (name, email, phone) as the first step of the checkout flow.

​
Preview

​
Import

​
Usage

​
Props

​
CustomerDetails
Pre-filled values from a returning customer or saved session.
​
(details: CustomerDetails) => void
required
Callback fired when the form is submitted with valid data.

​
Behavior

  • Validates email format and phone number
  • Remembers returning customer info via local storage
  • Phone input with country code selector
  • Auto-focuses the first empty field