use-element-position

React hook to get bounding client rect

Usage

``js
import { useElementPosition } from 'use-element-position'

const MyComponent = () => {
const [ref, { width }] = useElementPosition({ width: 0 })

return (



)
}
`

Or use the wrapper component

`js
import { WithPosition } from 'use-element-position'

const MyComponent = ({ width }) => (


)

const MyWrapperComponent = () => (



)
`

You can retrieve all the properties included in getBoundingClientRect` :
bottom, height, left, right, top, width, x, y
You can also retrieve offsetTop and offsetLeft's values of your element.