1.0.7 • Published 4 years ago

@caseykey/react-read-more-read-less v1.0.7

Weekly downloads
2
License
ISC
Repository
github
Last release
4 years ago

React Read More Read Less

NPM npm version license-isc

Install

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

Usage

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

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

Test on CodeSandbox

PROPTYPES

PropTypeDefault
charLimitinteger150
ellipsisString
readMoreTextStringRead more
readLessTextStringRead less
readMoreClassNameStringreact-read-more-read-less react-read-more-read-less-more
readLessClassNameStringreact-read-more-read-less react-read-more-read-less-less
readMoreStyleobject{whiteSpace: "nowrap", textDecoration: "none"}
readLessStyleobject{whiteSpace: "nowrap", textDecoration: "none"}