npm.io
0.2.0 • Published 8 years ago

react-window-detect-dimensions

Licence
MIT
Version
0.2.0
Deps
0
Size
9 kB
Vulns
0
Weekly
0
Stars
1
SummaryDependencyVersions

react-window-detect-dimensions NPM version Dependency Status

React component to detect window size change

Installation

$ npm install --save react-window-detect-dimensions

Usage

class DimensionDemo extends React.Component<{}> {
  render() {
    return (
      <WindowDimensions>
        { ({ windowWidth, windowHeight }) => (
          <div>
            width: {windowWidth}, // get window width
            height: {windowHeight} // get window height
          </div>
        )}
      </WindowDimensions>
    );
  }
}

Start example server

npm start

generate demo

npm run gh-pages

License

MIT chilijung