Skip to content
Fullscreen any dom element with ReactJS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo/src
src
tests
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE
README.md
nwb.config.js
package.json

README.md

Fullscreen any dom element with ReactJS

NuGet version

Installation

npm i react-fullscreen-element

Usage Example

import ReactFullScreenElement from "react-fullscreen-element";

class Demo extends React.Component {
    state={
        fullscreen: false
    }
    render(
        return(
            <div>

                <ReactFullScreenElement
                    fullScreen={this.state.fullscreen}
                    allowScrollbar={true}
                >
                <div>
                    <input type="button" value="Click here to toggle fullscreen" onClick={() => this.setState({fullscreen: !this.state.fullscreen})} />
                    your code goes here
                </div>
                    
                </ReactFullScreenElement>
            </div>

        )
    )


}
You can’t perform that action at this time.