fixes typo, and updates Example

Author: iamdipanshusingh

README.md

@@ -15,7 +15,7 @@ npm install --save show-more-less
 ```tsx
 import React, { useState } from 'react'
 import styles from './ShowMoreLess.module.scss'
-import ShowLessMore from 'show-more-less'
+import ShowMoreLess from 'show-more-less'
 import 'show-more-less/dist/index.css'
 
 function Example() {
@@ -25,7 +25,7 @@ function Example() {
   const [expanded, setExpanded] = useState(false)
 
   return (
-    <ShowLessMore
+    <ShowMoreLess
       text={text}
       threshold={800}
       expanded={expanded}

example/src/App.module.scss

@@ -0,0 +1,11 @@
+.root {
+    // root level style comes here
+}
+
+.text {
+    // text level style comes here
+}
+
+.clickable {
+    // show more/less level style comes here
+}

example/src/App.tsx

@@ -1,12 +1,25 @@
-import React from 'react'
+import React, { useState } from 'react'
 
+import styles from './App.module.scss'
 import ShowMoreLess from 'show-more-less'
 import 'show-more-less/dist/index.css'
 
 const App = () => {
+  const [expanded, setExpanded] = useState(false)
+
   const text = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, nobis excepturi accusamus ipsum, doloremque voluptatem nisi odio quis voluptates facilis quam sequi quibusdam quia, in doloribus? Quisquam dolorem earum natus.';
-  console.log(text.substring(0, 100));
-  return <ShowMoreLess text={text} threshold={100} />
+
+  return <ShowMoreLess
+    text={text}
+    threshold={100}
+    expanded={expanded}
+    onExpand={setExpanded}
+    classes={{
+      root: styles.root,
+      text: styles.text,
+      clickable: styles.clickable
+    }}
+  />
 }
 
 export default App

package.json

@@ -11,7 +11,8 @@
     "show less",
     "read more",
     "read less",
-    "long text"
+    "long text",
+    "long paragraph"
   ],
   "main": "dist/index.js",
   "module": "dist/index.modern.js",