Merge pull request #7 from coded-bear/master

Master

Author: coded-bear

README.md

@@ -1,7 +1,41 @@
 # react-otp-field
 
+[![npm version](https://img.shields.io/npm/v/react-otp-field)](https://www.npmjs.com/package/react-otp-field) [![npm](https://img.shields.io/npm/l/react-otp-field)](https://github.com/coded-bear/react-otp-field/blob/main/LICENSE) [![npm](https://img.shields.io/bundlephobia/minzip/react-otp-field)](https://www.npmjs.com/package/react-otp-field)
+
 Customizable OTP Field component for the web built with React.js
 
+[Live Demo](https://coded-bear.github.io/react-otp-field/)
+
+## Installation
+
+```
+npm install --save react-otp-field
+```
+
+## Basic usage
+
+```jsx
+import React, { useState } from 'react';
+import OtpField from 'react-otp-field';
+
+const App = () => {
+  const [value, setValue] = useState('');
+
+  return (
+    <OtpField
+      value={value}
+      onChange={setValue}
+      numInputs={6}
+      onChangeRegex={/^([0-9]{0,})$/}
+      autoFocus
+      separator={<span>-</span>}
+      isTypeNumber
+      inputProps={{ className: 'otp-field__input', disabled: false }}
+    />
+  );
+};
+```
+
 ## API
 
 <table>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-otp-field",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Customizable OTP Field component for the web built with React.js",
   "main": "lib/index.js",
   "scripts": {