Live demo here

npm

npm i vue-product-spinner

yarn

yarn add vue-product-spinner

UMD build

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-product-spinner.umd.js" type="text/javascript"></script>

<template>
  <VueProductSpinner 
    :imgs="imgs" 
    :range="range"
  />
</template>

<script>
  import VueProductSpinner from 'vue-product-spinner'

  export default {
    data() {
      return {
        imgs: [
          'img1.jpg',
          'img2.jpg',
          'img3.jpg'
        ],
        range: {
          enable: true,
          class:  'custom-range'
        }
      }
    },

    components: {
      VueProductSpinner
    }
  }
</script>

We are still writing our tests. Once they will be ready, simply run them by typing:

$ yarn test

• Vue Cli - Project Bootstrap
• Pug - Template Engine
• Scss - CSS Preprocessor

We use SemVer for versioning. For the versions available, see the tags on this repository.

• Michele Riva

See also the list of contributors who participated in this project.

• Solve basic bugs
• Add "mouse move" support
• Add "mouse scroll" support
• Add slider support
• Add touchscreen support

Please help me maintain my projects with a little and simple donation! I need beer to work! 😃

This project is licensed under the MIT License - see the LICENSE.md file for details.