UPI Payment Card

UPI Payment widget allows to display UPI QR code in you website based on the provided information an recipient UPI ID.

Unified Payments Interface, commonly referred to as UPI, is an Indian instant payment system as well as a protocol developed by the National Payments Corporation of India in 2016. The interface facilitates inter-bank peer-to-peer and person-to-merchant transactions. Wikipedia

UPI Payment widget allows you to display a UPI QR code on your website based on the provided information and the recipient's UPI ID. It also has an added feature that will be displayed on mobile devices which will trigger the open UPI apps such as Google Pay, Phone Pay, WhatsApp, Amazon Pay etc...

Make sure Installationis done

Import the UPI component from the package.

import { UPI } from 'nxtu'

Use the component

      <UPI
        upiOptions={
          {
            "payeeVPA": "some@provider",
            "payeeName": "Some Payee Name",
            "amount": 100,
            "note": "Test transaction using UPI"
          }
        } />

Parameters

upiOptions : JSON of UPI options

UPI Options

payeeVPA : Virtual Payment Address of UPI to which the amount should be credited.

payeeName : Name of payee to be displayed. It may be automatically fetched as the bank name in some applications.

amount : Amount in INR

note : Note of transaction. It may be avoided in some apps.