react-viewport
v1.0.6
Published
A react component for handling different viewport widths and heights with fallbacks
Downloads
1,994
Maintainers
Readme
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