@paperlust/slider

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

Custom Slider

Can you update this component slider use this documentation vue-slick-carousel

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT