react-flutterwave-button
v1.0.2
Published
A React button component for integrating Flutterwave payments.
Downloads
4
Readme
react-flutterwave-button
A React button component for integrating Flutterwave payments.
Flutterwave has given developers in Africa and the rest of the world, a choice to go beyond the limits set by some payment engine providers. Now you have a world class solution to collect money from those who want to pay. Forget that one that says you can give but cannot receive. Dia Fada!!! :wave::v: Just add this to your react project and customize as desired.
Install
npm install --save react-flutterwave-button
Usage
const App = ( ) => (
<div>
<FlutterwaveButton
buttonText={"Payme"} //Give a text for your button or
buttonChildComponent={<MadamDescendant/>} //Use a desired component like a SVG as a child.
style={{changeYourStyle: "doLikeThat" }} //You can optionally send a style prop or
className={"jeleosimi"} // Use the the className props as desired
flutterProps={
{
public_key: "FLWPUBK_TEST-31d61a13026483fc38f15f0e90232374-X",
tx_ref: "hooli-tx-1920bbtyt", //randomly generate this ref
amount: 54600,
currency: "NGN",
country: "NG",
payment_options: "card,mobilemoney,ussd",
customer: {
email: "[email protected]",
phone_number: "08102909300",
name: "Alihko Dangohtey",
},
callback: function (data) { // specified callback function
console.log(data);
},
customizations: {
title: "My store",
description: "Payment for items in cart",
logo: "https://assets.moneymoney.com/logo.png",
},
}
}
/>
</div>
)
License
MIT © Aromokeye