A react component for creating a container which extends to the bottom of a page. Created for creating full height containers in complex layouts where using 'vh' or flex does not solve the problem.
$ npm install react-full-container-height
import ReactFullHeight from 'react-full-container-height';
render(){
return(
<div className="container">
<ReactFullHeight>
// Include your components or code here..
</ReactFullHeight>
</div>
)
}
| Param | Description | Type | Default value |
|---|---|---|---|
| marginBottom | Add a bottom margin to the container. | number | 0 |
| disabled | Whether to disabled the full height caculation. | boolean | false |
| onInit | A callback function returning the height when first calculated. | function(height) | - |
| onChange | A callback function executed every time the container height changes. Container height would change on page resize. | function(height) | - |
| dynamicHeight | Whether to re-calculate the container height on every render. | boolean | false |
| delay | Duration to wait before re-calculation of container height. | milliseconds | 0 |
MIT