react-zoom-pan-pinch/src/stories/hooks/use-controls.stories.mdx

Zoom and pan html elements in easy way

import { Meta } from "@storybook/addon-docs/blocks";

<Meta title="Hooks/useControls" />

# useControls

Simple and easy access to the helpers inside of the `TransformWrapper`.

### Example

```tsx
const App = () => {
  // Simple access to the helpers
  const { instance, zoomIn, zoomOut, ...rest } = useControls();

  // ...

  return (
    <button type="button" onClick={() => zoomIn()}>
      Zoom in
    </button>
  );
};
```