verix-api-component
v2.0.0
Published
react component for verix api
Downloads
7
Readme
verix-api-component
A simple React component for easy Verix API integration
Install
npm install --save verix-api-component
Demo
Usage
Add verixapi css to your index.html file - https://app.verixapi.com/connect.css
import React from "react";
import VerixAPIButton from "verix-api-component";
const data = {
name: {
first: "Ben",
last: "Smith"
},
birthdate: {
month: 11,
day: 3,
year: 1964
},
mobileNumber: "9394442113",
socialSecurityNumber: "344675890",
filingAddress: {
address: "744 Evergreen Terrace",
address2: "",
city: "Springfield",
state: "OR",
zip: "97403"
},
filingStatus: "Married Filing Jointly",
email: "[email protected]"
};
function Example() {
const handleSuccess = results => {
console.log(results);
};
const handleExit = results => {
console.log(results);
};
return (
<div className='container'>
<div className='button-wrapper'>
<VerixButton
env='sandbox'
className='button'
clientId='__client_Id__'
data={data}
onSuccess={handleSuccess}
onExit={handleExit}
>
Download Tax data
</VerixButton>
</div>
</div>
);
}
All Props
dataProps = {
name: { // optional
first: string,
last: string
},
birthdate: { // optional
month: 11,
day: 3,
year: 1964
},
mobileNumber: string, // optional
socialSecurityNumber: string, // optional
filingAddress: { //optional
address: string,
address2: string,
city: string,
state: string,
zip: string
},
filingStatus: string, //optional
email: string // required
}
<VerixAPIButton
env="sandbox|development|production"
style={{__your_button_style__}}
className="__button_class__"
clientId="__client_id___"
data={dataProps}
onSuccess={(result) => {} }
onExit={(result) => {}}
>
button label
</VerixAPIButton>
Contributing
Development
# install dependencies
npm install
# run module locally
npm start
# run example app
cd example && npm install
npm start
# view on localhost:3000
License
MIT © emasys