https://github.com/ibraabukaff/react-fancy-visa-card

React js implementation for visa credit card - Payment Form
https://github.com/ibraabukaff/react-fancy-visa-card

credit-card payment payment-form react reactjs visa visa-credit-card

Last synced: about 2 months ago
JSON representation

React js implementation for visa credit card - Payment Form

• Host: GitHub
• URL: https://github.com/ibraabukaff/react-fancy-visa-card
• Owner: ibraAbuKaff
• License: mit
• Created: 2018-04-29T21:02:31.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-02-27T16:42:53.000Z (over 2 years ago)
• Last Synced: 2024-09-23T13:39:58.797Z (8 months ago)
• Topics: credit-card, payment, payment-form, react, reactjs, visa, visa-credit-card
• Language: JavaScript
• Size: 1.7 MB
• Stars: 19
• Watchers: 4
• Forks: 3
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](./example-pics/ss2.png)

![https://imgur.com/a/mdU2Qdd](./example-pics/ss1.png)







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 (

            


            

                


            

        );

    }

}


export default App;

```

Available options to pass :


```

```

```

```

![](./example-pics/ss3.png)