Skip to content

ibraAbuKaff/react-fancy-visa-card

Repository files navigation

react-fancy-visa-card

React js implementation for visa credit card - Payment Form

How to install ?

yarn add react-fancy-visa-card


Examples:

https://imgur.com/a/a8LCn0x https://imgur.com/a/mdU2Qdd



How to use it ?

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;

Available options to pass :

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

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

Releases

No releases published

Packages

No packages published