React Read More Read Less

!license-isc

Install

``
npm install react-read-more-read-less --save

`


Usage


`js
import ReactReadMoreReadLess from "react-read-more-read-less";

class myComponent extends Component {
render() {
return (
charLimit={200}
readMoreText={"Read more ▼"}
readLessText={"Read less ▲"}
>
{myLongText}

);
}
}
``

Test on CodeSandbox

PROPTYPES

| Prop | Type | Default |
| ---- | ---- | ------- |
| charLimit | integer | 150 |
| ellipsis | String | … |
| readMoreText | String | Read more |
| readLessText | String | Read less |
| readMoreClassName | String | react-read-more-read-less react-read-more-read-less-more |
| readLessClassName | String | react-read-more-read-less react-read-more-read-less-less |
| readMoreStyle | object | {whiteSpace: "nowrap", textDecoration: "none"} |
| readLessStyle | object | {whiteSpace: "nowrap", textDecoration: "none"} |