Vue Infinite Slide Bar

Infinite slide bar component.

Vue-Infinite-Slide-Bar

View demo Download Source

? Install

npm install --save vue-infinite-slide-bar

or

yarn add vue-infinite-slide-bar

? Usage

import Vue from 'vue'
import InfiniteSlideBar from 'vue-infinite-slide-bar'

Vue.component('InfiniteSlideBar', InfiniteSlideBar)

or

import InfiniteSlideBar from 'vue-infinite-slide-bar'

export default {
  components: {
    InfiniteSlideBar
  }
}

? Example

<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>

⚙️ 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

? Contributing

  1. Fork this repository.
  2. Create new branch with feature name.
  3. Run npm install and npm run dev.
  4. Create your feature.
  5. Commit and set commit message with feature name.
  6. Push your code to your fork repository.
  7. Create pull request. ?

⭐️ Support

If you like this project, You can support me with starring ⭐ this repository.

GitHub