vue3-infinite-slide-bar
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
Related Packages
vue-concise-slider
vue-slider,A simple sliding component,has easy configuration,support self-adapti...
125,004
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.4 | ^3.2.37 | MIT | |
| 1.0.3 | ^3.2.37 | MIT | |
| 1.0.2 | ^3.2.37 | MIT | |
| 1.0.1 | ^3.2.37 | MIT | |
| 1.0.0 | ^3.2.37 | MIT |