element-helpers
v1.1.0
Published
* [NPM](https://www.npmjs.com/package/element-helpers) here * [GitHub](https://github.com/thoriqdharmawan/element-helpers) here * [Live Code](https://github.com/thoriqdharmawan/element-helpers/blob/main/src/App.js) here
Downloads
10
Readme
Helper for your React Element :star2::star2:
Installation
npm i element-helpers
Usage
import { useGetDimensions } from "element-helpers";
function App() {
const [refNode, { width, height }] = useGetDimensions();
console.log("height : ", height); // 100
console.log("width : ", width); // 300
return (
<div
ref={refNode}
style={{ width: 300, height: 100, backgroundColor: "red" }}
/>
);
}
export default App;
Props
Name | Required | Information ---- | ----- | ---- refNode | true | You can change the name width | false height | false bottom | false left | false right | false top | false x | false y | false