useWindowResize

View on GitHub

import { useWindowResize } from '@sky-uk/ui-core';

The useWindowResize hook can be used to track the dimensions of the browser window.

() => {
  const Example = () => {
    const { dimensions } = useWindowResize();

    return (
      <div>
        Window dimensions: {dimensions.width} x {dimensions.height}
      </div>
    );
  };

  return <Example />;
}

() => {
  const Example = () => {
    const { dimensions } = useWindowResize();

    return (
      <div>
        Window dimensions: {dimensions.width} x {dimensions.height}
      </div>
    );
  };

  return <Example />;
}