This package has been deprecated

Author message:

Switch to use-resize-observer instead. See the readme at https://github.com/ZeeCoder/react-resize-observer.

@zeecoder/react-resize-observer

A React component that allows you to use a ResizeObserver to measure an element's size.

Install

yarn add @zeecoder/react-resize-observer
# or
npm install --save @zeecoder/react-resize-observer

Usage

const App = () => (
  <ResizeObserver>
    {(ref, width, height) => (
      <div ref={ref}>
        My size is {width}x{height}
      </div>
    )}
  </ResizeObserver>
);

Notes

• Uses resize-observer-polyfill internally, which falls back to the native ResizeObserver, if available.

Related

• use-resize-observer
• @zeecoder/container-query

License

MIT