@nooks_seo/use-fullscreen

React Hook to easily make any element go fullscreen and exit fullscreen.

📦 설치

npm install @nooks_seo/use-fullscreen
# 또는
yarn add @nooks_seo/use-fullscreen

사용 방법

import React from "react";
import { useFullscreen } from "@nooks_seo/use-fullscreen";

function App() {
  const onFullS = (isFull) => console.log(isFull ? "Full Screen" : "Exit Full Screen");
  const { element, triggerFull, exitFull } = useFullscreen(onFullS);

  return (
    <div>
      <div ref={element} style={{ width: "300px", height: "200px", backgroundColor: "tomato" }}>
        <h1>Hello Fullscreen</h1>
      </div>
      <button onClick={triggerFull}>Go Fullscreen</button>
      <button onClick={exitFull}>Exit Fullscreen</button>
    </div>
  );
}

export default App;