README
React component-wrapper detecting height changes of it's children.
Heavily inspired by react-height but somehow it wasn't accurate enough so I tried to make my own implementation. This implementation uses ResizeSensor from css-element-queries
Installation
NPM
npm install --save react react-dom react-height-reporter
Don't forget to manually install peer dependencies (react
, react-dom
) if you use npm@3.
Usage
import HeightReporter from 'react-height-reporter';
<HeightReporter onHeightChange={height => console.log(height)}>
<div>CONTENT GOES HERE</div>
<div>AND HERE</div>
</HeightReporter>
Options
: PropTypes.func.isRequired onHeightChange
Callback called on mount and height changes
: PropTypes.node.isRequired children
Children with static or dynamic height
Pass-through props
You can pass any valid props, like style
or className
to HeightReporter, they will be applied to container
Run
To run example, use npm start
and then go to http://localhost:8080
License
MIT