@reach/window-size

Measure the window size in React

Last updated 5 years ago by chancestrickland .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install @reach/window-size

SYNC missed versions from official npm registry.

@reach/window-size

Measure the current window dimensions.

import WindowSize, { useWindowSize } from "@reach/window-size";

function Example() {
	const { width, height } = useWindowSize();
	return (
		<div>
			<p>
				Looks like a pretty{" "}
				{width <= 400 ? "small" : width >= 1000 ? "large" : "normal"} screen!
			</p>
		</div>
	);
}

Current Tags

0.16.0 ... latest (5 years ago)
0.4.0-beta.0 ... next (6 years ago)

46 Versions

Maintainers (2)

Downloads

Today 0

This Week 0

This Month 2

Last Day 0

Last Week 2

Last Month 0

Dependencies (3)

@reach/utils 0.16.0
prop-types ^15.7.2
tslib ^2.3.0

Dev Dependencies (2)

react ^17.0.2
react-dom ^17.0.2

Dependents (1)

@reach/menu-button

Copyright 2013 - present © cnpmjs.org | Home |