mehmethalis / rc-credit-card

Provides an interactive credit card preview

RC Credit Card

Installation

Use the package manager pnpm / yarn / npm to install rc-credit-card.

pnpm install rc-credit-card

Usage

Demo with code

import * as React from 'react'
import { CreditCard } from 'rc-credit-card'

export default function App() {
  return (
    <CreditCard
      isFrontFace={isFrontFace}
      cardNumber={cardNo}
      name={name}
      validThru={valid}
      ccv={ccv}
      validThruLabel={'Expire Date'}
    />
  )
}

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Playground

$ pnpm dev

License

MIT