Component

Payment Checkout Flow

Combines an optional provider conversion quote with an actionable Solana Pay checkout request.

Preview

Installation

terminal

$npx shadcn@latest add https://uxdotsol.xyz/r/payment-checkout-flow.json

Usage

payment-checkout-flow.tsx

import { PaymentCheckoutFlow } from "@/components/uxdotsol/flows/payment-checkout-flow";
 
<PaymentCheckoutFlow
  recipient={merchantAddress}
  amount={0.25}
  merchantName="Example Store"
  reference={orderReference}
/>

Props / Arguments

Name	Type	Default	Description
checkout props	SolanaPayCheckoutProps	recipient and amount required	Authoritative Solana Pay request and reconciliation data.
quoteInputMint	string	undefined	Optional source token mint used to request an ExactOut quote.