@gaiaz/vue-image-slider

[![npm](https://img.shields.io/npm/v/@gaiaz/vue-image-slider.svg)](https://www.npmjs.com/package/@gaiaz/vue-image-slider) [![npm](https://img.shields.io/npm/dt/@gaiaz/vue-image-slider.svg)](https://www.npmjs.com/package/@gaiaz/vue-image-slider) [![GitHub]

Stats

StarsIssuesVersionUpdatedCreatedSize
@gaiaz/vue-image-slider
171.1.52 years ago3 years agoMinified + gzip package size for @gaiaz/vue-image-slider in KB

Readme

vue-image-slider

npm npm GitHub CircleCI Build Status

Vue.js simple image slider component

Installation

Yarn

yarn add @gaiaz/vue-image-slider

npm

npm install @gaiaz/vue-image-slider --save

Usage

See also examples

<template>
  <div>
    <image-slider v-model="slides">
      Sample Text
    </image-slider>
  </div>
</template>

<script>
import ImageSlider from '@gaiaz/vue-image-slider'
import '@gaiaz/vue-image-slider/dist/image-slider.css'

export default {
  data () {
    return {
      slides: [
        'https://dummyimage.com/300&text=1',
        'https://dummyimage.com/300&text=2'
      ]
    }
  },
  components: {
    ImageSlider
  }
}
</script>

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Lints and fixes files

yarn run lint

Run unit tests

yarn run test:unit

License

MIT © Gaiaz Iusipov

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.