preact-fullscreen v0.1.2

Preact FullScreen

• • •

Component that performs fullscreen in DOM Elements

Installation

npm i preact-fullscreen
// OR
yarn add preact-fullscreen

Demo

Local demo:

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

Examples

import { h, render } from "preact";
import PreactFullscreeen from "preact-ullscreen";

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

render(<App />, document.body);

Properties

Children Function Properties

NPM Statistics

Download stats for this NPM package

License

Preact FullScreen is open source software licensed as MIT.