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 💙

• Look Studios
• Submit your site

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

• [email protected]
• @lookstudiosco

License

MIT