1.1.0 • Published 3 years ago
element-helpers v1.1.0
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 |