useMeasure

Category

Browser

Hook to measure the size and position of an element

import { useMeasure } from '@siberiacancode/reactuse';

Usage

const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);
// or
const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();

Demo

source

Api

Parameters

Name	Type	Default	Note
target?	Target	-	The element to measure

Returns

UseMeasureReturn

Returns

UseMeasureReturn & { ref: RefObject<Target> }

Contributors

Source • Demo