Skip to content

Latest commit

 

History

History
29 lines (19 loc) · 569 Bytes

useMeasure.md

File metadata and controls

29 lines (19 loc) · 569 Bytes
Raw

useMeasure

Returns the size of an element and its position relative to the viewport.

Usage

import { useMeasure } from 'use-haki';

const App = () => {
  const [rect, rectRef] = useMeasure();

  return <pre ref={rectRef}>{JSON.stringify(rect, null, 2)}</pre>;
};

Reference

const [rect, rectRef] = useMeasure();
  • rect - DOMRect object with properties like width,height,x,y...
  • rectRef - element that you want to grab

Returns

  • rectRef
  • rect