@reach/window-size NPM | npm.io

0.18.0 • Published 2 years ago

Install

Weekly downloads

10,468

License

MIT

Repository

Last release

2 years ago

@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>
	);
}

@midigator/styleguide @stefanprobst/menu-button @cloudhub-ux/core @infinitebrahmanuniverse/nolb-_reach @everything-registry/sub-chunk-763 new-reach-ui reach-ui-fork @firepress/cms @mturco/menu-button @namely/menu-button @jaredpalmer/menu-button @seamonster-studios/bs-reach @simonlc/menu-button @types/reach__window-size @zalastax/nolb-_reach bs-reach cloudhub-components cloudhubui

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago