useMeasure

browser

test coverage

Last changed: last month

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	HookTarget	-	The element to measure

Returns

UseMeasureReturn

Returns

UseMeasureReturn & { ref: StateRef<Target> }

Source

Source • Demo

Contributors

debabin