2.2.0 • Published 2 years ago
@charlietango/use-element-size v2.2.0
useElementSize
Measure the size of a DOM element using ResizeObserver
Checkout the Storybook demo.
Installation
yarn add @charlietango/use-element-size
API
const [ref, size] = useElementSize()
The hook returns an Array with a ref
function, and the measured size
.
Assign the ref
to the element you want to measure.
Example
import React from 'react'
import useElementSize from '@charlietango/use-element-size'
const Component = () => {
const [ref, size] = useElementSize()
return (
<div ref={ref}>
<pre>
<code>{JSON.stringify(size, null, 2)}</code>
</pre>
</div>
)
}
export default Component
2.2.0
2 years ago
2.1.1
3 years ago
2.1.0
4 years ago
2.0.6
4 years ago
2.0.5
4 years ago
2.0.4
4 years ago
2.0.3
4 years ago
2.0.2
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.2.5
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago