fn
useWindowSize
v0.0.15testeddemoReactive window size. Tracks the inner viewport, the outer window, or the visual viewport (pinch-zoom aware), and reacts to resize and orientation changes.
Examples
ts
const { width, height } = useWindowSize();ts
// Track the pinch-zoom aware visual viewport on mobile
const { width, height } = useWindowSize({ type: 'visual' });Demo
Loading demo…
Signature
ts
export function useWindowSize(options: UseWindowSizeOptions ={ ... }Parameters
| Parameter | Type | Description |
|---|---|---|
options? | UseWindowSizeOptions | Options |
Returns
UseWindowSizeReturnReactive `width` and `height`