1.0.4 • Published 5 years ago

slider-q v1.0.4

Weekly downloads
2
License
ISC
Repository
-
Last release
5 years ago

SliderQ

Vue.js responsive carousel component

Getting started

Installation

  1. Install:
npm install slider-q
  1. 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

PropDefaultDescription
minNumSlides1count of items to be in viewpoint when window is small
maxNumSlides4count of items to be in viewpoint when window is hide
minSizeOfSlide150px
isCenteredfalsecenter items if actual count is less then maximum
1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago