useScreenSize

Возвращает ширину и высоту окна, обновляясь при resize.

Возвращает ширину и высоту окна, обновляясь при resize. При серверном рендеринге начальные значения — 0 × 0; после монтирования хук читает размер окна.

Использование

'use client';

import { useScreenSize } from '@prosazhin/pbcomponents';

function Example() {
  const { width, height } = useScreenSize();
  return (
    <span>
      {width} × {height}
    </span>
  );
}

API хука

Возвращает

ЗначениеТип / вариантыНазначение
widthnumberШирина окна в пикселях.
heightnumberВысота окна в пикселях.

На этой странице