vue-infinite-slide-bar
Infinite slide bar component.
16,687
| Install | |
|---|---|
npm install vue-infinite-slide-bar |
|
| Latest Version: | 1.1.1 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Sep 24, 2019 |
| Links: | npm |
Maintainer: biig_pongsatorn
∞ Vue Infinite Slide Bar
🎚 Infinite slide bar component (no dependencies and light weight 1.48 KB)
👀 Document & Demo Page
💻 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
- Fork this repository.
- Create new branch with feature name.
- Run
npm installandnpm run dev. - Create your feature.
- Commit and set commit message with feature name.
- Push your code to your fork repository.
- Create pull request. 🙂
⭐️ Support
If you like this project, You can support me with starring ⭐ this repository.
📄 License
MIT
Developed with ❤️ and ☕️
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.1.1 | ^2.5.11 | MIT | |
| 1.0.10 | ^2.5.11 | MIT | |
| 1.0.9 | ^2.5.11 | MIT | |
| 1.0.8 | ^2.5.11 | MIT | |
| 1.0.7 | ^2.5.11 | MIT | |
| 1.0.6 | ^2.5.11 | MIT | |
| 1.0.5 | ^2.5.11 | MIT | |
| 1.0.4 | ^2.5.11 | MIT | |
| 1.0.3 | ^2.5.11 | MIT | |
| 1.0.2 | ^2.5.11 | MIT | |
| 1.0.1 | ^2.5.11 | MIT | |
| 1.0.0 | ^2.5.11 | MIT |
