∞ Vue Infinite Slide Bar

🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB)

👀 Document & Demo Page

LIVE DEMO

💻 Install

``sh
npm install --save vue-infinite-slide-bar
`
or
`sh
yarn add vue-infinite-slide-bar
`

🕹 Usage


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

Vue.component('InfiniteSlideBar', InfiniteSlideBar)
`
or
`javascript
import InfiniteSlideBar from 'vue-infinite-slide-bar'

export default {
components: {
InfiniteSlideBar
}
}
`

🔎 Example

`html

Helo World, I love Vue 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.
``

📄 License

MIT

Developed with ❤️ and ☕️