Vue Loop
We've had a lot of people compliment us on the infinite content loop we did over at Look Studios. We decided to build a simple .vue file for all you vue fans to use.
Live Demo Horizontal Demo Contained Demo
Showcase
Sites using Vue Loop
Installation
npm install vue-loop --save
Usage
import VueLoop from 'vue-loop' new Vue({ el: '#app', components: { VueLoop } })
<vue-loop :full="true" :horizontal="false"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> <div class="item"> 4 </div> </vue-loop>
Optional Props
Prop | Type | Default |
---|---|---|
full | Boolean | true |
horizontal | Boolean | false |
Features
- Full page content looping
- Contained content loop
- Horizontal & Vertical options
Support
License
MIT