playground

Checkout Playground

Configure and preview both CheckoutModal and CheckoutInline modes.

Display

Mode

Theme

Payment

Amount (cents)

= $50.00

Currency

Default Method

Title

Customer Wallet

Metadata

No metadata entries. Click Add to create one.

Live Preview

modalauto

$50.00 USD

Generated Code

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