Widgets

Please visit the following link to our SDK where our current version number can be seen: https://www.npmjs.com/package/quadpay-merchant-sdk-react-native/v/2.1.0.

Zip Widget

1. Import our package
   
   JavaScript

   import  ZipWidget  from "quadpay-merchant-sdk-react-native/ZipWidget";

2. Set the relevant attributes
   
   JavaScript

   <ZipWidget
     style={styles.widget}
     alignment="center"
     size="100"
     logoSize="140"
     isMFPPMerchant="true"
     merchantId="44444444-4444-4444-4444-444444444444"
     max="20"
     amount="30"
   />

Payment Widget

1. Import our package
   
   JavaScript

   import ZipPaymentWidget from 'quadpay-merchant-sdk-react-native/ZipPaymentWidget'

2. Set the relevant attributes
   
   JavaScript

   <ZipPaymentWidget
     amount="100"
     isMFPPMerchant ="true"
     learnMoreUrl ={learnMoreUrl}
   />