react-fullscreen

React component that fullscreens a child component. Responds to browser resizes.

Usage no npm install needed!

<script type="module">
  import reactFullscreen from 'https://cdn.skypack.dev/react-fullscreen';
</script>

README

react-fullscreen

React component that fullscreens a child component. Responds to browser resizes.

Example

import FullScreen from 'react-fullscreen';
import MyChildComponent from './MyChildComponent';

const rootInstance = React.render(
  <FullScreen>
    <MyChildComponent />
  </FullScreen>,
  document.getElementById('someID')
);

import React from 'react';

export default class MyChildComponent extends React.Component {
  render() {
    return <SomeJSX style={{
      width: this.props.width,
      height: this.props.height
    }}/>;
  }
}

MyChildComponent.propTypes = {
  width: React.PropTypes.number,
  height: React.PropTypes.number
};