useResizeObserver API

API reference for the useResizeObserver composable.

Explore these related pages for additional context and usage patterns.

(target: MaybeElementRef, callback: (entries: ResizeObserverEntry[]) => void, options?: ResizeObserverOptions) => UseResizeObserverReturn

A composable that uses the Resize Observer API to detect when an element's size changes.

(target: MaybeElementRef) => UseElementSizeReturn

A convenience composable that uses the Resize Observer API to track an element's size.

boolean | undefined

boolean | undefined

"content-box" | "border-box" | undefined

Readonly<Ref<boolean, boolean>>

Whether the observer is currently active (created and observing)

Readonly<Ref<boolean, boolean>>

Whether the observer is currently paused

() => void

Pause observation (disconnects observer but keeps it alive)

() => void

Resume observation

() => void

Stop observation and clean up (destroys observer)