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