@gallerykit/pan-scale

@gallerykit/pan-scale is a thin integration between GalleryKit's GalleryItem shape and the @panscale/react pan/zoom engine. Use <ImagePanScale> for the typical viewer or drop down to useGalleryPanScale and the re-exported @panscale/react primitives (useScaler, ScalerView, ZoomControls, Minimap) for advanced layouts.

• Stability: experimental
• Peer dependencies: react, react-dom
• Dependencies: @gallerykit/core, @panscale/react

Install

pnpm add @gallerykit/pan-scale

Quick example

import { ImagePanScale } from "@gallerykit/pan-scale";

<ImagePanScale item={{ id: "1", src: "/big-photo.jpg", alt: "" }} />

See Getting Started for the full walkthrough and API for the public exports.