🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple Vue.js component used to infinitely loop through content in your app.

Other

Documentation

cover

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


You May Also Like