SliderQ

Vue.js responsive carousel component

Getting started

Installation

1. Install:

npm install slider-q

2. Add to project globally (main.js):

import SliderQ from 'slider-q'

Vue.use(SliderQ)

Add locally to the component:

import { SliderQ, Slide } from 'slider-q'

export default {
  components: {
    SliderQ,
    Slide
  }
}

Use SliderQ

<template>
  <SliderQ>
    <slide>
      slide 1
    </slide>
    <slide>
      slide 2
    </slide>
    ...
  </SliderQ>
</template>

Available Props

Prop	Default	Description
minNumSlides	1	count of items to be in viewpoint when window is small
maxNumSlides	4	count of items to be in viewpoint when window is hide
minSizeOfSlide	150	px
isCentered	false	center items if actual count is less then maximum