useWindowSize

Keeps track of the dimensions of the browser window.

Source
View package
Coverage
Export size

Installation

npm i @raddix/use-window-size

Usage

Basic Usage

import React from 'react';
import { useWindowSize } from '@raddix/use-window-size';

const App = () => {
  const { width, height } = useWindowSize();

  return (
    <div>
      <h1>Window size</h1>
      <p>Width: {width}</p>
      <p>Height: {height}</p>
    </div>
  );
};

API

Returns

The useWindowSize hook returns an object with the following properties:

Return value	Description	Type
width	The current width of the window, in pixels.	number
height	The current height of the window, in pixels.	number