Intro
vue-easy-slider is a slider component of Vue.js.
Demo
Install
$ npm install --save vue-easy-slider
Usage
Work on a Vue instance:
import { Slider, SliderItem } from 'vue-easy-slider'
new Vue( {
el: 'body',
components: {
Slider,
SliderItem
}
} )
Props
Slider:
name | type | default | description |
---|---|---|---|
width | String | auto | The width of the slider |
height | String | 300px | The height of the slider |
interval | Number | 3000 | Delay of auto slider( auto option should be true ) |
speed | Number | 300 | Speed of animation |
auto | Boolean | true | Autoplay |
indicators | 'center', 'left', 'right', false | 'center' | Show indicators on option position or hidden |
control-btn | Boolean | true | Show control button |
animation | String - { normal, fade } | normal | Change animation |
Slots
SliderItem:
name | description |
---|---|
default | Item's content |
usage:
License
MIT