playground

Checkout Playground

Configure and preview both CheckoutModal and CheckoutInline modes.

Display

Mode

Theme

Payment

Amount (cents)

= $0.50

Currency

Default Method

Title

Customer Wallet

Metadata

No metadata entries. Click Add to create one.

Live Preview

modalauto

$0.50 USD

Generated Code

<CheckoutModal
  open={isOpen}
  onClose={() => setIsOpen(false)}
  amount={50}
  onSuccess={(result) => console.log(result)}
  onError={(err) => console.error(err)}
/>