Introducing Genesis Template 🚀View Demo

useResizeListener

Tracks window resize event.

Import#


import { useResizeListener } from 'primereact/hooks';

Basic#

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

Width: 1280Height: 720


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