Skip to content

No config use

You can use the library with the default configuration.

For doing this, load the initZoomableImages, execute it and import the dist/styles.css

import 'zoomable-image/dist/style.css'
import { initZoomableImages } from 'zoomable-image'
initZoomableImages()

And simply add the data-zoomable-image attribute on the image, and you are ready.

<img
data-zoomable-image
src="./bug.webp"
width="1500"
height="857"
/>