UNPKG

react-viewport

Version:

A react component for handling different viewport widths and heights with fallbacks

41 lines (27 loc) 835 B
react-viewport ============== Build React components with specified view height and width units. Supports fallback values for browsers that do not support vh or vw. ``` $ npm install --save react-viewport ``` ## Usage Just use like you would any other `div`. ``` var React = require('react'); var ViewportContainer = require('react-viewport'); var Component = React.createClass({ render: function() { <ViewportContainer className="Container" height="50vh" minWidth="75vw" > ... </ViewportContainer> } }); ``` ## Breaking changes `viewHeight` and `viewWidth` are no longer supported, and should just be `height` and `width`. This change allows greater flexibility to use any css properties such as `min-height` or `min-width`. ## License MIT