Inspire by vue-infinite-slide-bar
$ npm install vue3-infinite-slide-bar
or
$ yarn add vue3-infinite-slide-bar
<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 | 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 |