Skip to content

DaniHRE/react-pay-card

Repository files navigation

Demo

To see demonstration site: https://danihre.github.io/react-pay-card

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ npm i react-pay-card

# Install dependencies
$ npm install

# Run the app
$ npm start


CARD COMPONENT

React-Pay-Card


import chip from './images/chipIcon.svg';
import brand from './images/brandIcon.svg';
import background from './images/background.png';

<Card
  chipIcon={chip} /* SVG Icon*/
  brandIcon={brand} /* SVG Icon*/
  backgroundImage={background} /*PNG, JPEG, etc...*/
/>


FORM COMPONENT

React-Pay-Card

import { SimpleFormCard } from 'react-pay-card';

<SimpleFormCard />

OBS: Simple Form Card don't have props now. i'll fix it later.

Props

Props Example Description
cardHolder JOHN DOE Owner Name
cardNumber 0000 0000 0000 0000 Number
cardMonth 10 Month Expire
cardYear 2022 Year Expire
cardCVV 000 CVV Number
cardIcon SVG File Icon
brandIcon SVG File Brand Icon
backgroundIcon PNG File BackgroundImage

Download

You can download the latest release package.

Related

Danihre - README Personal Profile

You may also like...

  • JS-Nds - Nintendo DS Emulator 🎮
  • JSDoom - A Playable doom game in js with dosbox api.

Credits

This software uses the following open source packages:

Repo Activity

Alt


GitHub @danihre  ·  Instagram @dani_rod05