Update README.md, use optional props and visible recaptcha

Author: Codeep

README.md

@@ -2,7 +2,9 @@
 
 This component is created in order to make the experience of integrating Google ReCaptcha into React apps easier and smoother.
 
-P.S. It will open the ReCaptcha window only when there are some doubts by Google; otherwise, it will automatically generate the token.
+Currently, we are using ReCaptcha V2 here. ReCaptcha V3 is still in beta version; so, we will update our component when they release the stable version.
+
+P.S. It will open the ReCaptcha window only when there are some doubts by Google; otherwise, it will automatically generate the recaptcha token.
 
 ## Installation
 
@@ -28,6 +30,11 @@ componentDidMount() {
 
 
 ### 2. Use `ReCaptcha` to integrate ReCaptcha in a particular component
+
+#### invisible Recaptcha
+
+Create a new component with the following code and give it a try!
+
 ```
 import React, { Component } from 'react';
 import { ReCaptcha } from 'react-recaptcha-google'
@@ -83,3 +90,17 @@ class ExampleComponent extends Component {
 export default ExampleComponent;
 
 ```
+
+
+#### Visible / Normal Recaptcha
+
+For having a visible ReCaptcha, you should make two minor changes on the above-mentioned code.
+1. Replace the size prop value `invisible` (see the imported ReCaptcha component) with either `normal` or `compact`. Those will add a checkbox with 'I am not a robot' label.
+2. Remove `this.[captchaRef].execute()` lines from your code.
+
+
+
+##### Optional props
+
+* `data-theme` - you can add `theme` prop with a value of either `"dark"` or `"light"`(default) to control the background theme of the visible ReCaptcha (when size is `normal` or `compact`)
+* `data-badge` - you can send `badge` prop with one of the following values: bottomright (default), bottomleft, inline. This will allowyou to reposition the ReCaptcha badge.

package.json

@@ -1,7 +1,17 @@
 {
   "name": "react-recaptcha-google",
   "version": "1.0.8",
-  "description": "",
+  "description": "This library helps to integrate google recaptcha into your react project easily. ",
+  "keywords": [
+    "react",
+    "react.js",
+    "react-component",
+    "ReCaptcha",
+    "g-recaptcha",
+    "invisible-recaptcha",
+    "visible-recaptcha",
+    "recaptcha-token"
+  ],
   "main": "dist/index.js",
   "scripts": {
     "start": "webpack --watch",
@@ -11,7 +21,7 @@
     "type": "git",
     "url": "git+https://github.com/codeep/react-recaptcha-google.git"
   },
-  "author": "",
+  "author": "Codeep",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/codeep/react-recaptcha-google/issues"