@reach/window-size

Docs | Source

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.10.3                                ...           latest (5 years ago)
• 0.4.0-beta.0                                ...           next (6 years ago)

3 Versions

• 0.4.0-beta.0                                ...           6 years ago
• 0.10.3                                ...           5 years ago
• 0.4.0                                ...           6 years ago