Component that performs fullscreen in DOM Elements

react-fullscreen

Component that performs fullscreen in DOM Elements.

Installation

npm i react-easyfullscreen
// OR
yarn add react-easyfullscreen

Demo

Local demo:

git clone https://github.com/andrelmlins/react-fullscreen.git
cd react-fullscreen
yarn install && yarn start

Examples

import React from 'react';
import { render } from 'react-dom';
import ReactFullscreeen from 'react-easyfullscreen';

const App = () => (
  <ReactFullscreen>
    {({ ref, onRequest, onExit }) => (
      <div
        ref={ref}
        style={{ backgroundColor: 'red', width: 120, height: 120 }}
      >
        <button onClick={() => onRequest()}>FullScreen</button>
        <button onClick={() => onExit()}>Screen</button>
      </div>
    )}
  </ReactFullscreen>
);

render(<App />, document.getElementById('root'));

Properties

Raw component props (before transform):

Children Function Properties

NPM Statistics

Download stats for this NPM package

GitHub