@avinlab/react-size-me

React component to determine parent container size

Usage no npm install needed!

<script type="module">
  import avinlabReactSizeMe from 'https://cdn.skypack.dev/@avinlab/react-size-me';
</script>

README

react-size-me

React component to determine parent container size

NPM registry NPM license

Demo

Here is an examples page

Install

# Yarn
yarn add @avinlab/react-size-me

# NPM
npm install --save @avinlab/react-size-me

Usage

import React from 'react';
import SizeMe from '@avinlab/react-size-me';

<div className="container">
    <SizeMe>
        {({ width, height }) => (
            <div className="inner" style={{ width, height }}/>                
        )}
    </SizeMe>
</div>

License

MIT © avin