@zeecoder/react-resize-observer

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

Usage no npm install needed!

<script type="module">
  import zeecoderReactResizeObserver from 'https://cdn.skypack.dev/@zeecoder/react-resize-observer';
</script>

README

@zeecoder/react-resize-observer

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

npm version build

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

Related

License

MIT