react-fullscreen editorconfig eslint travis-ci npm

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

3 years after

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

Related Repositories

awesome-react

awesome-react

A collection of awesome things regarding React ecosystem. ...

react-fullscreen-component

react-fullscreen-component

Simple component that let's you create fullscreen toggles ...

awesome-react

awesome-react

A collection of awesome React libraries, resources and shiny things. ...

awesome-react

awesome-react

A collection of awesome React libraries, resources and shiny things. ...

awesome-react

awesome-react

A collection of awesome React libraries, resources and shiny things. ...


Top Contributors

ThomWright

Releases

-   v0.1.0 zip tar
-   v0.0.4 zip tar
-   v0.0.3 zip tar
-   v0.0.2 zip tar
-   v0.0.1 zip tar