React-full-height-container NPM

React full container height

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.

Installation

via npm

$ npm install react-full-container-height

Include in project

import ReactFullHeight from 'react-full-container-height';

Usage

render(){
    return(
        <div className="container">
            <ReactFullHeight>
                // Include your components or code here..
            </ReactFullHeight>
        </div>
    )
}

Options

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

License

MIT

full height react container height

lodash react webpack

@infinitebrahmanuniverse/nolb-react-fu @everything-registry/sub-chunk-2556 @zalastax/nolb-react-fu

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

6 years ago