stimoroll / react-credit-card-input

react component: credit card input including number, cvc, exp-date

Home Page:https://codesandbox.io/s/vigorous-bash-1gmzt

Repository from Github https://github.comstimoroll/react-credit-card-inputRepository from Github https://github.comstimoroll/react-credit-card-input

REACT / TypeScript / Hooks: Credit Card Input component / Material Design

with:

  • validation of card number
  • validation of cvc
  • validation of expiration date
  • detect card issuer
  • auto-switch to next field
  • keyboard support

Workshop test to test TS / Hooks in TS and Material Design

DEMO

See the demo: https://codesandbox.io/s/github/stimoroll/react-credit-card-input

RUN app

Open http://localhost:3000 to view it in the browser.

Available Scripts

yarn start

yarn build

TODO

  • extract messages ouside
  • add loading spinner while loading card image
  • e2e tests

About

react component: credit card input including number, cvc, exp-date

https://codesandbox.io/s/vigorous-bash-1gmzt


Languages

Language:TypeScript 87.3%Language:HTML 8.2%Language:CSS 4.5%