React text collapse

alt="NPM Version">

alt="Build Status">

alt="Downloads">

alt="License">

!React text collapse

Philosophy

> Keep things simple! You don't need jQuery...

Installation


$3

``
$ npm install --save react-text-collapse
`

Demo

Demo

Example code

Code Example

Usage

`js




React text collapse is awesome. React text collapse is awesome.


React text collapse is awesome. React text collapse is awesome.


React text collapse is awesome. React text collapse is awesome.


React text collapse is awesome. React text collapse is awesome.






`

Options

#### options: PropTypes.object.isRequired

`js
const TEXT_COLLAPSE_OPTIONS = {
collapse: false, // default state when component rendered
collapseText: '... show more', // text to show when collapsed
expandText: 'show less', // text to show when expanded
minHeight: 100, // component height when closed
maxHeight: 250 // expanded to
textStyle: { // pass the css for the collapseText and expandText here
color: "blue",
fontSize: "20px"
}
}
`

Development

`
$ git clone git@github.com:cht8687/react-text-collapse.git
$ cd react-text-collapse
$ npm install
$ webpack-dev-server
`

Then

`
open http://localhost:8080/webpack-dev-server/
``

License

MIT

Contributors

Thanks to these wonderful developers for helping this project: