@zohodesk/fullscreen in react

A React component that sets it fullscreen using the Fullscreen Component.

Usage

$3

``bash
npm install @zohodesk/fullscreen
`

$3

`javascript
import Fullscreen from '@zohodesk/fullscreen';
`

$3

`jsx
import React, { useState } from 'react';
import Fullscreen from '@zohodesk/fullscreen';
function Example() {
const [isEnabled, setIsEnabled] = useState(false);
return (

onClick={() => {
setIsEnabled(true);
}}
>
Go Fullscreen


);
}
export default Example;
`

CSS

Class fullscreenEnabled will be added to component when it goes fullscreen.

`css
.myComponent {
color: #fff;
}

.myComponent .fullscreenEnabled {
color: #000;
}
`

Fullscreen Props

`js
//If true, The fullscreen will be enabled
isEnabled : ?boolean = false,

//Will be added the fullscreen div element
className : ? (Object | String)

//Calls when fullscreen change
onChange : ?function
``

Version Changes

$3

- Fullscreen basic functionality changes implemented.

$3

- Test release

$3

- Document changes

$3

- Fixed css issue.

$3

- Fixed render issue.

$3

- removed old polyfills