Skip to content

useDimentions

Hook for getting element dimensions: width, height

Import

import useDimensions from '@empeek-rnd-ui/hooks/src/useDimensions';

Usage

// in your component
const SomeComponent = () => {
  const ref = useRef(null);
  const dimentions = useDimentions(ref);

  return (
    <div>
      <div ref={ref}>An element whose dimentions are need to be tracked</div>
    </div>
  );
}

Example

Change the size of textarea
Width: 0px
Height: 0px