Table of Contents

**@arolariu/components**


@arolariu/components / useWindowSize

Function: useWindowSize()

useWindowSize(): HookReturnType

Defined in: hooks/useWindowSize.tsx:35

Client hook to get the window size and whether the window is mobile or desktop.

Returns

HookReturnType

An object containing the window size and whether the window is mobile or desktop.

Example

function MyComponent() {
  const { windowSize, isMobile, isDesktop } = useWindowSize();

  return (
    <div>
      <p>Window Size: {windowSize.width} x {windowSize.height}</p>
      <p>{isMobile ? 'Mobile View' : 'Desktop View'}</p>
    </div>
  );
}