@paperlust/slider NPM

Slider

Slider is a component vue for multi project.

Installation

Use the package manager nodejs to install Slider.

npm install @paperlust/slider

Usage

import package

import vSlider from '@paperlust/slider';

import style from package

import '@paperlust/slider/dist/style.css';

Example:

import vSlider from '@paperlust/slider';
import '@paperlust/slider/dist/style.css';

export default {
  ....
  components: {
    vSlider
  },
  ....
}

add on your component vue

<v-slider :data="items" :options="options" />

Slots

Name	Description
`prevArrow`	Content to place arrow left
`nextArrow`	Content to place arrow right
`top`	Content to place above image
`left-item`	Content to place left item slide
`right-item`	Content to place right item slide
`item`	Content to place item image
`bottom`	Content to place below image

Props

Name	Type	Default	Description
`data`	Array	{}	Array data item for slider
`options`	Object	`{adaptiveHeight: true, infinite: false,arrows: true,slidesToShow: 4, slidesToScroll: 1}`	Options for slider