CSS
Need help with card-react?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
shatran

Description

React component for card https://github.com/jessepollak/card

128 Stars 65 Forks MIT License 74 Commits 7 Opened issues

Services available

Need anything else?

card-react

React credit card component

jessepollak's Card make credit card forms look awesome. card-react is a React component that aims to do the same for React.

card

From version 1.1.20 card-react supports React 0.14.7 and up

Features

  • Validate inputs
  • Format form inputs
  • Identify card type
  • Initialize the card element with user details
  • The card element itself don't have to be a child of the form - it can be rendered anywhere

How to install

  • npm install card-react
  • Add
    card.css
    file to your project's stylesheets. You can find it at
    lib/
    folder.

Usage

Include card-react in your code:

import CardReactFormContainer from 'card-react';

Once included, you can initialize the component. you'll need to make the component the container of your form:

  
    
    
    
    
  



// the container in which the card component will be rendered - can be anywhere in the DOM

To run the example:

  • npm install
  • npm start

Development

  • npm start
  • Open http://localhost:8000/
  • npm run build after you make the changes

Future Plans

  • move to webpack
  • add tests

You are more than welcome to contribute. Enjoy!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.