Visuality-js/react-fullscreen


FullScreen React component

License: Apache-2.0

Language: TypeScript

Keywords: react, react-component, typescript, typescript-library


At a Glance

react-fullscreen is a component for React apps that allows to control full-screen presentation.

How to Get Started

If you use NPM, type in terminal:

npm install --save "@visuality.js/react-fullscreen"

If you prefer Yarn, type:

yarn add "@visuality.js/react-fullscreen"

Usage

Simply wrap up any part of your layout with FullScreen component:

import { FullScreen } from '@visuality.js/react-fullscreen';

// ...

render = () => {
    return (
        <div>
            <h1>Title</h1>
            <FullScreen enabled={this.state.fullScreenVideo}>
                <video
                    onClick={() => {
                        this.setState({
                            ...this.state,
                            fullScreenVideo: true,
                        })
                    }}
                >
                </video>
            </FullScreen>
        </div>
    );
}

License

react-fullscreen is available under the Apache 2.0 license. See the LICENSE file for more info.

Project Statistics

Sourcerank 3
Repository Size 0 Bytes
Stars 0
Forks 0
Watchers 0
Open issues 0
Dependencies 24
Contributors 1
Tags 1
Created
Last updated
Last pushed

Top Contributors See all

Igor Matyushkin

Packages Referencing this Repo

@visuality.js/react-fullscreen
FullScreen component for React apps.
Latest release 0.1.0 - Published

Recent Tags See all

0.1.0 December 25, 2019

Something wrong with this page? Make a suggestion

Last synced: 2019-12-25 17:10:55 UTC

Login to resync this repository