A container-component that will take the full vertical space, and resize with the window.
import VerticalFilledContainer from 'patchkit-vertical-filled'
<VerticalFilledContainer>
This container will extend to the bottom of the screen, even when you resize.
</VerticalFilledContainer>You can use the decorator to add the behavior to another component.
This is the actual definition of <VerticalFilledContainer>:
import { verticalFilled } from 'patchkit-vertical-filled'
class _VerticalFilledContainer extends React.Component {
render() {
var style = { position: 'relative', overflow: 'auto' }
if (this.props.height)
style.height = this.props.height
if (this.props.style && typeof this.props.style == 'object') {
for (var k in this.props.style)
style[k] = this.props.style[k]
}
return <div className="vertical-filled" {...this.props} style={style}>{this.props.children||''}</div>
}
}
var VerticalFilledContainer = verticalFilled(_VerticalFilledContainer)