Shan-CL / STextSlide

2 stars 0 forks source link

STextSlide

Easy text slide for Vue

alt text

Installation

Install STextSlide with npm

  npm i stextslide

Usage/Examples

<STextSlide :words="words" :time="3000">
import { STextSlide } from 'stextslide'

export default {
    components:{
        STextSlide
    },
    data(){
        return{
            words:[
                { text: 'Text 1', color: '#F44336' },
                { text: 'Text 2', color: '#2196F3' },
                { text: 'Text 3', color: '#FFC107' }
            ]
        }
    }
}

Props

name type default description
words array of word {text: required, color: optional } [] Array of word
time number 3000 Time of word interval in miliseconds
transition string default Slide transition, can be default, slide-top-bottom, slide-bottom-top, slide-left-right, slide-right-left

License

MIT