RevCollect

Features include:

• Easy integration

Installation and usage

The easiest way to use RevCollect is to install it from npm and build it into your app with Webpack.

yarn add revcollect

Then use it in your app:

import React, { useState } from "react";
import RevCollect from "revcollect";
import '../node_modules/revcollect/dist/esm/index.css'

export default function App() {
  const [show, setShow] = useState(false);

  return (
    <div className="App">
      <RevCollect
        show={show}
        onComplete={(err, data) => {}}
        data={{ amount: "40,000" }}
      />
    </div>
  );
}

Props

Common props you may want to specify include:

• show - focus the control when it mounts
• onComplete - callback function on payment completion
• data - state data

Methods

revcollect exposes one public methods:

• onComplete(err: Error, data: any) - focus the control programmatically

TypeScript

License

MIT Licensed. Copyright (c) Jed Watson 2022.