onResize()

function onResize(
  target: HTMLElement,
  callback: (args: {
    size: {
      width: number;
      height: number;
    };
    devicePixelSize: {
      width: number;
      height: number;
    };
    entries: ResizeObserverEntry[];
  }) => void,
): {
  disconnect: () => void;
  observe: () => void;
  unobserve: () => void;
};

Dynamically get the size of an HTML element in CSS pixels and device pixels, and update it on resize events.

Parameters

target

HTMLElement

callback

(args: { size: { width: number; height: number; }; devicePixelSize: { width: number; height: number; }; entries: ResizeObserverEntry[]; }) => void

Returns

Name	Type	Default value	Description
disconnect()	() => void	observer.disconnect	Disconnect the resize observer. The disconnect() method of the or SVGElement targets. MDN Reference
observe()	() => void	-	Start observing the target element.
unobserve()	() => void	-	Stop observing the target element.