UX.SOL

Component

Mobile Wallet Payment Template

Complete responsive Solana Pay page for desktop QR and same-device mobile wallet payments.

Preview

Installation

terminal
$npx shadcn@latest add https://uxdotsol.xyz/r/mobile-wallet-payment.json

Usage

mobile-wallet-payment.tsx
import { MobileWalletPaymentTemplate } from "@/components/uxdotsol/templates/mobile-wallet-payment";
 
<MobileWalletPaymentTemplate
recipient={merchantAddress}
amount={0.25}
reference={orderReference}
/>

Props / Arguments

NameTypeDefaultDescription
propsMobileWalletPaymentFlowPropsrecipient and amount requiredResponsive Solana Pay request and wallet-handoff configuration.
headingstring'Pay with a mobile wallet'Page heading above the flow.