Fetching contributors…
Cannot retrieve contributors at this time
38 lines (28 sloc) 1014 Bytes


Displays child elements full-screen.


import {FullScreen} from 'libreact/lib/FullScreen';

<FullScreen on={on}>
  Hello world!


Props have the following signature

interface IFullScreenProps {
  on: boolean;
  video?: HTMLVideoElement;
  innerRef?: (el) => void;
  onClose?: () => void;
  tag?: keyof React.ReactHTML;

, where

  • on - required, boolean, whether to display element in full screen or inline.
  • video - optional, DOM video element to try to display that video in full screen using alternative .webkitEnterFullscreen() available only on HTMLVideoElement. That way video element will get displayed full screen. Only used when regular full screen API is not available.
  • innerRef - optional, callback that receives the root element reference.
  • onClose - optional, callback, called when full screen is exited.
  • tag - optional, string, specifying tag name to use for root element, defaults to div.