https://github.com/biigpongsatorn/vue-infinite-slide-bar
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
https://github.com/biigpongsatorn/vue-infinite-slide-bar
auto autoscrolling bar component infinite infinity slide slider slides slideshow vue vue-infinite-slide
Last synced: 3 months ago
JSON representation
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
- Host: GitHub
- URL: https://github.com/biigpongsatorn/vue-infinite-slide-bar
- Owner: biigpongsatorn
- License: mit
- Archived: true
- Created: 2018-05-25T18:27:02.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-08-31T10:58:26.000Z (about 2 years ago)
- Last Synced: 2024-08-05T09:18:51.176Z (about 1 year ago)
- Topics: auto, autoscrolling, bar, component, infinite, infinity, slide, slider, slides, slideshow, vue, vue-infinite-slide
- Language: Vue
- Homepage: https://biigpongsatorn.github.io/#/vue-infinite-slide-bar
- Size: 2.66 MB
- Stars: 242
- Watchers: 6
- Forks: 24
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ⛔️ DEPRECATED This repo has not been maintained
# ∞ Vue Infinite Slide Bar
🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB)
# 👀 Document & Demo Page
[LIVE DEMO](https://biigpongsatorn.github.io/#/vue-infinite-slide-bar)
# 💻 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 |
| paused | Boolean |false |Specifies whether the animation is paused or running|
# 🤝 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](LICENSE)
Developed with ❤️ and ☕️