Source: https://primereact.org/hooks/useresizelistener/

Introducing PrimeReact v11 Alpha 🥁Learn More

• SearchK

• 10.9.7

  • v11(11.0.0)

  • v10(10.9.7)

  • v9(9.6.3)

• HOOK

• API

useResizeListener

Tracks window resize event.

Import#

---

import { useResizeListener } from 'primereact/hooks';
         

Copy

Basic#

---

Resize the browser window to view information about the resize event.

Width: 1280Height: 800

const [bindWindowResizeListener, unbindWindowResizeListener] = useResizeListener({
    listener: (event) => {
        setEventData({
            width: event.currentTarget.innerWidth,
            height: event.currentTarget.innerHeight,
        })
    }
});
         

Copy

• Import

• Basic

PrimeReact 10.9.7 by PrimeTek