If you are using our previous version of embedded checkout, please refer to the old component properties guide

Common Properties

These properties are shared between both the Embedded and Hosted checkout components.
lineItems
object | array
required
Specifies the NFTs to purchase. Can be a single item or array of items.
payment
object
required
Configuration for payment methods.
recipient
object
Delivery details for the NFTs. You must specify either email OR wallet address, not both:
When not provided, user will be prompted during checkout.
locale
string
Sets the checkout interface language.en-US de-DE es-ES fr-FR it-IT ja-JP ko-KR pt-PT ru-RU th-TH tr-TR uk-UA vi-VN zh-CN zh-TW Klingon

Specific Properties & Hooks

The hosted checkout button is only available for React applications. For full customization options, please use our Headless Checkout.
The following properties are available for the CrossmintHostedCheckout component:
appearance
object
Customization options for the hosted checkout. See our UI Customization guide for complete details.Notable appearance options:
  • Display mode: display: "popup" | "new-tab" (default: “popup”)
  • Background overlay: overlay.enabled: false to disable the gray background
  • Button theme: theme.button: "light" | "dark" | "crossmint" (default: “light”)
  • Checkout theme: theme.checkout: "light" | "dark" (default: “light”)