Skip to main content

​
CustomerDetailsForm

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.
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