react-fancy-visa-card

React js implementation for visa credit card - Payment Form

import React, {Component} from "react";
import {VisaCreditCard as VisaCard} from "react-fancy-visa-card";


class App extends Component {

    pay = (e, data) => {
        console.log(data);

    };

    render() {
        return (
            <div className="App">
            
                <VisaCard onSubmit={this.pay} />

            </div>
        );
    }
}

export default App;

<VisaCard onSubmit={this.pay} 
 
 frontCardColor="red"
 backCardColor="black"
 submitBtnColor="white"
 submitBtnTxt="Pay $350"
 
 
 />

<VisaCard frontCardColor="linear-gradient(50deg, #f3c680, hsla(179,54%,76%,1))" />