/reactuse

useWindowSize

Returns current window width and height.

Usage

import { useWindowSize } from "@siberiacancode/reactuse";

const size = useWindowSize();

Example

import { useWindowSize } from "@siberiacancode/reactuse";

export const Banner = () => {
  const size = useWindowSize();

  return (
    <div>
      Width: {size.width}px, Height: {size.height}px
    </div>
  );
};

includeScrollbar:

const size = useWindowSize({ includeScrollbar: false });
console.log(size.width, size.height);

Type Declarations

interface UseWindowSizeParams {
  includeScrollbar?: boolean;
}
export interface UseWindowSizeReturn {
  height: number;
  width: number;
}
export declare const useWindowSize: (
  params?: UseWindowSizeParams
) => UseWindowSizeReturn;