useWindowSize

Realiza un seguimiento de las dimensiones de la ventana del navegador.

Source
View package
Coverage
Export size

Instalación

npm i @raddix/use-window-size

Uso

Uso básico

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

Valor de retorno

El hook useWindowSize devuelve un objeto con las siguientes propiedades:

Valor de retorno	Description	Type
width	El ancho actual de la ventana, en píxeles.	number
height	La altura actual de la ventana, en píxeles.	number