@tabrezdn1/vue-image-zoom v0.1.2

vue-image-zoom

Purpose

This is a vue component that zooms in on an image when hovered, can be used in portfolios, gallery, and e-commerce application.

Example

Minimalistic example

<ImageZoom src="https://images.pexels.com/photos/4622893/pexels-photo-4622893.jpeg" />

Full fledged example

<template>
  <div id="app">
    <ImageZoom
      custom-class="my-custom-class"
      :scale="4"
      height="800px"
      width="800px"
      src="https://images.pexels.com/photos/4622893/pexels-photo-4622893.jpeg"
    />
  </div>
</template>

<script>
import ImageZoom from "@tabrezdn1/vue-image-zoom";

export default {
  components: {
    ImageZoom,
  },
};
</script>
<style scoped>
.my-custom-class {
  border-radius: 100px;
}
</style>

Props

There are currently the following props:

Documentation

Coming soon...