Skip to content

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

License

Notifications You must be signed in to change notification settings

TakefiveInteractive/react-fullscreen

 
 

Repository files navigation

react-fullscreen

Build Status npm David David

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
};

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 93.6%
  • Shell 6.4%