()
Preview :
Getting Started
Installation
```shnpm install reactjs-image-zoom
```
```sh
yarn add reactjs-image-zoom
```
Simple Example
```tsx ``` This will include default properties of the Component and renders.Usage
```jsx // import "./App.css"; import Zoom from "reactjs-image-zoom"; import Image from "./assets/imgs/nws.png"; function App() {return (
<Zoom
width={150} // width in percent default is 100%
height={500} // height of the box
maxwidth={500} // width of the box
repeat="repeat" // default is no-repeat
position="center" // cover
imagesrc={Image} // Image component | URL
size={200} // it is in percent
bgsize="cover" // background-size
cursor="zoom-in" // pointer
borderpixel={2} // size of border
bordercolor="red" // color of border
style={{ margin: "20px" }} // add custom style
className="img-box" // classname for box
color="red" // color when image not loaded
/>
);
}
```