@sparkpost/matchbox
Version:
A React UI component library
41 lines (40 loc) • 903 B
TypeScript
import React from 'react';
/**
* @see https://tobbelindstrom.com/blog/resize-observer-hook/
* @see https://github.com/que-etc/resize-observer-polyfill
*
* @returns
* target: DOM Element,
* contentRect: {
* x: number
* y: number
* width: number
* height: number
* top: number
* right: number
* bottom: number
* left: number
* }
* @example
* const Component = () => {
* const [ref, entry] = useResizeObserver();
* return <div ref={ref} />;
* };
*/
declare function useResizeObserver<T extends HTMLElement>(): [
React.RefCallback<T>,
{
target?: HTMLElement;
contentRect?: {
x?: number;
y?: number;
width?: number;
height?: number;
top?: number;
left?: number;
right?: number;
bottom?: number;
};
}
];
export default useResizeObserver;