A moderately intelligent truncation of text for react
npm install read-more-react[Demo of Read More + React][demoSite]
[demoSite]: http://www.alexandersmanning.com/read-more-react/
#### Install and Import
```
npm install --save read-more-react
import ReadMoreReact from 'read-more-react';
#### Use
``
Additional Parameters: You can customize the starting point (min), the ideal length (ideal), and the max length (max). The defaults for these are 80, 100, and 200 characters respectively.
| Parameter | Default Value (characters) |
|--------------------|----------------------------|
| min | 80 |
| ideal | 100 |
| max | 200 |
| readMoreText | "read more" |
`javascript`
ideal={idealLength}
max={maxLength}
readMoreText={readMoreText}/>
Example:
``
npm install --save read-more-react
`javascript
import ReadMoreReact from 'read-more-react';
class DemoClass extends React.Component {
render() {
return (
ideal={idealLength}
max={maxLength}
readMoreText="click here to read more"/>
)
}
}
`
[trimtext]: https://github.com/alexandersmanning/read-more-react/blob/master/source/utils/trimText.js
`javascript
import trimText from './source/utils/trimText.js';
let textArray = trimText("this is some text", 10, 20, 100);
console.log(textArray[0]) //"this is some text";
console.log(textArray[1]) //""
``