Aller au contenu principal

Responsive

Ensemble de hooks permettant de gérer la responsivité.

Références​

const useWindowResize = () => {
  width: number;
  height: number;
};

useWindowResize​

Permets d'obtenir la largeur et la hauteur de la fenêtre du navigateur. Cette fonction est appelée à chaque redimensionnement de la fenêtre.

Exemple​

import { useWindowResize } from '@reactic/reactic-hooks';

const Component = () => {
  const { width, height } = useWindowResize();

  return (
    <div>
      <div>Width: {width}</div>
      <div>Height: {height}</div>
    </div>
  );
};