mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
24 lines
403 B
Markdown
24 lines
403 B
Markdown
# `useSize`
|
|
|
|
React sensor hook that tracks size of an HTML element.
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import {useSize} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const [sized, {width, height}] = useSize(
|
|
({width}) => <div style={{border: '1px solid red'}}>Size me up! ({width}px)</div>
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
{sized}
|
|
<div>width: {width}</div>
|
|
<div>height: {height}</div>
|
|
</div>
|
|
);
|
|
};
|
|
```
|