Use Element Size

Open-code aq-ui React hook for Use Element Size.

Installation

pnpm dlx aq-ui@alpha add use-element-size

Client module

Import the parts you need, then jump to an export for its contract.

"use client"

import { useElementSize } from "@/hooks/use-element-size"

Type contract for ElementSize.

interface ElementSize

Name	Type
`width`	`number`
`height`	`number`

Open-code aq-ui React hook for Use Element Size.

function useElementSize<T extends Element>(target: Target<T>, initialSize: ElementSize = { width: 0, height: 0 }): ElementSize

Name	Type	Default
`target`	`Target<T>`	`—`
`initialSize?`	`ElementSize`	`{ width: 0, height: 0 }`