3636 </a >
3737</p >
3838
39+ ## 🏢 Using this library in production?
40+
41+ If your application depends on react-zoom-pan-pinch, I offer paid support to
42+ help you resolve issues quickly and avoid blocking releases.
43+
3944#### Sources
4045
4146- [ Demo] ( https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/basic-image--image )
@@ -125,8 +130,6 @@ const Example = () => {
125130or
126131
127132``` jsx
128- import React , { Component } from " react" ;
129-
130133import {
131134 TransformWrapper ,
132135 TransformComponent ,
@@ -138,9 +141,15 @@ const Controls = () => {
138141
139142 return (
140143 < div className= " tools" >
141- < button onClick= {() => zoomIn ()}> + < / button>
142- < button onClick= {() => zoomOut ()}> - < / button>
143- < button onClick= {() => resetTransform ()}> x< / button>
144+ < button type= " button" onClick= {() => zoomIn ()}>
145+ +
146+ < / button>
147+ < button type= " button" onClick= {() => zoomOut ()}>
148+ -
149+ < / button>
150+ < button type= " button" onClick= {() => resetTransform ()}>
151+ x
152+ < / button>
144153 < / div>
145154 );
146155};
@@ -152,15 +161,11 @@ const Example = () => {
152161 initialPositionX= {200 }
153162 initialPositionY= {100 }
154163 >
155- {({ zoomIn, zoomOut, resetTransform, ... rest }) => (
156- <>
157- < Controls / >
158- < TransformComponent>
159- < img src= " image.jpg" alt= " test" / >
160- < div> Example text< / div>
161- < / TransformComponent>
162- < / >
163- )}
164+ < Controls / >
165+ < TransformComponent>
166+ < img src= " image.jpg" alt= " test" / >
167+ < div> Example text< / div>
168+ < / TransformComponent>
164169 < / TransformWrapper>
165170 );
166171};
@@ -197,3 +202,15 @@ MIT © [prc5](https://github.com/prc5)
197202 <img src="https://raw.githubusercontent.com/prc5/sponsors/main/packages/other/sponsorkit/sponsors.svg?raw=true" alt="My Sponsors" />
198203 </a>
199204</p >
205+
206+ ## 🏢 Commercial Support
207+
208+ If you're using this library in production, I offer paid support:
209+
210+ - Priority issue resolution
211+ - Help with debugging production issues
212+ - Direct contact with the maintainer
213+
214+ Plans start at $400/month.
215+
216+ 📩 Contact: maciekpyrc@gmail.com
0 commit comments