improve readme

README.md

@@ -32,10 +32,12 @@ container="react-card-container" // required
 
 // an object contain the form inputs name. every input must have a name prop so that card-react and identify it.
 formInputsNames={
-  number: 'CCnumber', // optional — default input[name = "number"]
-  expiry: 'CCexpiry',// optional — default input[name = "expiry"]
-  cvc: 'CCcvc', // optional — default input[name = "cvc"]
-  name: 'CCname' // optional - defaults input[name = "name"]
+  {
+      number: 'CCnumber', // optional — default input[name = "number"]
+      expiry: 'CCexpiry',// optional — default input[name = "expiry"]
+      cvc: 'CCcvc', // optional — default input[name = "cvc"]
+      name: 'CCname' // optional - defaults input[name = "name"]
+  }
 }
 
 // initial values to render in the card element
@@ -46,8 +48,10 @@ initialName='Michael Jordan' // optional — default FULL NAME
 
 // the class to add to the form input and the corresponding card element when the input is valid/invalid.
 classes={
-  valid: 'valid-input', // optional — default 'jp-card-valid'
-  invalid: 'invalid-input' // optional — default 'jp-card-invalid'
+  {
+    valid: 'valid-input', // optional — default 'jp-card-valid'
+    invalid: 'invalid-input' // optional — default 'jp-card-invalid'
+  }
 }
 
 // specify whether you want to format the form inputs or not

example/card-loader.cjsx

@@ -21,7 +21,7 @@ CardLoader = React.createClass
 
         initialExpiry='16/12'
         initialName='Michael Jordan'
-        # the class to add to the form input and the corresponding card element when the input is valid/invalid.
+        # the class to add to the form input and the corresponding card element when the input is valid or invalid.
         classes={
           valid: 'valid', # optional — default 'jp-card-valid'
           invalid: 'invalid' # optional — default 'jp-card-invalid'

package.json

@@ -3,11 +3,13 @@
   "version": "1.0.3",
   "description": "React component for card https://github.com/jessepollak/card",
   "main": "dist/card.js",
-  "dependencies": {},
+  "dependencies": {
+    "payment": "0.0.7",
+    "classnames": "^2.1.2"
+  },
   "devDependencies": {
     "bourbon": "^4.2.3",
     "browserify": "^10.2.4",
-    "classnames": "^2.1.2",
     "coffee-react": "^3.2.0",
     "coffee-reactify": "^3.0.0",
     "coffee-script": "^1.9.3",
@@ -21,7 +23,6 @@
     "grunt-contrib-sass": "^0.9.2",
     "grunt-contrib-uglify": "^0.9.1",
     "grunt-contrib-watch": "^0.6.1",
-    "payment": "0.0.7",
     "react": "^0.13.3",
     "uglify-save-license": "^0.4.1"
   },