Update readme

README.md

@@ -8,9 +8,9 @@ A super simple input component that formats as you type.
 
 ![Formatted input](https://raw.githubusercontent.com/danielyefet/react-input-auto-format/main/images/input.gif)
 
-## Quick start
+## Quickstart
 
-Install it...
+Install it:
 
 ```sh
 npm install react-input-auto-format
@@ -26,23 +26,22 @@ function Foo () {
 }
 ```
 
-The `format` prop accepts a pattern. The `#` character represents any number or letter. You can put whatever else you like in there.
+The `format` prop accepts a pattern. The `#` character represents any number or letter, and you can put whatever else you like in there.
 
 ### Examples:
 
-| Pattern            | Result       |
-| ------------------ | ------------ |
-| \#\# / \#\#        | 12 / 34      |
-| \#\# - \#\# - \#\# | 12 - 34 - 56 |
-| \#\#\#\# \#\#\#    | LM68 XKC     |
+| Style        | Pattern            | Result       |
+| ------------ | ------------------ | ------------ |
+| Expiry date  | \#\# / \#\#        | 12 / 34      |
+| Sort code    | \#\# - \#\# - \#\# | 12 - 34 - 56 |
+| Number plate | \#\#\#\# \#\#\#    | LM68 XKC     |
 
 ## Getting the raw value
 
 To get the unformatted value, use the `onValueChange` prop.
 
 ```JSX
 function Foo () {
-
     handleValueChange(value) {
         console.log(value); // 123456
     }
@@ -56,4 +55,4 @@ function Foo () {
 
 ## Everything else
 
-All other props work the same as you would expect for a native input component. If you want the formatted value, use a normal `onChange` attribute and pull out `event.target.value`.
+All other props work the same as you would expect for a native input component. If you want the formatted value, use a standard `onChange` attribute and pull out `event.target.value`.