npm.io
1.0.4 • Published 7 years ago

slider-q

Licence
ISC
Version
1.0.4
Deps
0
Size
7 kB
Vulns
0
Weekly
0

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
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