∞ Vue Infinite Slide Bar
👀 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 install
andnpm 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
Developed with