react-fancy-visa-card

1.0.1 • Public • Published

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))" />

Package Sidebar

Install

npm i react-fancy-visa-card

Weekly Downloads

6

Version

1.0.1

License

MIT

Unpacked Size

2.11 MB

Total Files

14

Last publish

Collaborators

  • ibra.abukaff