useSize

Overview

A hook that observes size change of an element.

pnpm dlx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useSize.json

npx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useSize.json

yarn shadcn@latest add https://shadcn-ahooks.vercel.app/r/useSize.json

bun shadcn@latest add https://shadcn-ahooks.vercel.app/r/useSize.json

A hook that observes size change of an element.

const size = useSize(target);

Property	Description	Type	Default
target	DOM element or ref object	`Element` \| `(() => Element)` \| `MutableRefObject<Element>`	-

Property	Description	Type	Default
size	Size of the element	`{ width: number, height: number } \| undefined`	`{ width: target.clientWidth, height: target.clientHeight } \| undefined`