/vue3-infinite-slide-bar

Infinite slide bar component by vue3

Primary LanguageVueMIT LicenseMIT

vue3-infinite-slide-bar

Inspire by vue-infinite-slide-bar

Install

$ npm install vue3-infinite-slide-bar

or

$ yarn add vue3-infinite-slide-bar

Usage

<template>
    <infinite-slide-bar :barStyle="{ background: '#42b883', padding: '5px 0' }">
        <span style="color: #fff;">Helo World, I love Vue Infinite Slide Bar</span>
    </infinite-slide-bar>
</template>

<script>
import { defineComponent } from 'vue';
import InfiniteSlideBar from 'vue3-infinite-slide-bar;

export default defineComponent({
    components: {
        'infinite-slide-bar': InfiniteSlideBar
    }
})
</script>

️ Props

Props Type Default Description
barStyle Object - Customize style of slide bar
duration String 12s Speed of animation
direction String normal Direction of animation (normal, reverse)
delay String 0s Delay time before animation start
paused Boolean false Specifies whether the animation is paused or running

LICENSE

MIT