Skip to content
zenui/react-hooks

useWindowSize

Track the inner width and height of the browser window. Use it for layout decisions that CSS media queries cannot express.

Level
Basic
Since
v1.0.0
import {useWindowSize} from '@zenuilabs/react-hooks';
Loading demo_

More in Events & DOM

Events & DOMBasicuseClickOutsideCall a function when the user presses anywhere outside an element. Use it to close menus, popovers and dialogs.Events & DOMIntermediateuseEventAttach an event listener to the window, the document, an element or a ref, and remove it on unmount. The listener can change on every render without re-subscribing.Events & DOMBasicuseHoverTrack whether the pointer is over an element. Use it for previews, tooltips and hover styles that need JavaScript.