Read more

!demo

``
npm install @crossfield/react-read-more
`

This read more component helps truncate large chunks of text/html and animates to the full height of the inner content.

Example

`js
initialHeight={350}
readMore={props => (

{props.open ? 'Read Less' : 'Read More'}
name="caret"
style={{
transform: rotate( ${props.open ? '-90deg' : '90deg'}),
transition: 'transform 0.25s',
}}
/>

)}
>
The Design Vision

SOME LONG TEXT


`

Props

initialHeight

The closed size of the container

readMore

render function that gives you a props object containing open and onClick` to toggle open / close