Vue Infinite Slide Bar component
Vue Infinite Slide Bar
Infinite slide bar component.
? 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.