A Collection Of Loading Spinners With Vue.js

vue-js-loading-spinner

vue-spinner is a set of loading spinners with Vue.js. Simply convert the halogen of yuanyan’s React.js project into Vue.js components.

simple css loading spinner, loading spinner svg, vuejs loading spinner, vue js loading spinner example, vue 3 loading spinner, vue loading indicator

How to make use of it:

Installation

$ npm install vue-spinner

Usage

<pulse-loader :loading="loading" :color="color" :size="size"></pulse-loader>
<grid-loader :loading="loading" :color="color" :size="size"></grid-loader>
<clip-loader :loading="loading" :color="color" :size="size"></clip-loader>
<rise-loader :loading="loading" :color="color" :size="size"></rise-loader>
<beat-loader :loading="loading" :color="color" :size="size"></beat-loader>
<sync-loader :loading="loading" :color="color" :size="size"></sync-loader>
<rotate-loader :loading="loading" :color="color" :size="size"></rotate-loader>
<fade-loader :loading="loading" :color="color" :height="height" :width="width"></fade-loader>
<pacman-loader :loading="loading" :color="color" :size="size"></pacman-loader>
<square-loader :loading="loading" :color="color" :size="size"></square-loader>
<scale-loader :loading="loading" :color="color" :height="height" :width="width"></scale-loader>
<skew-loader :loading="loading" :color="color" :size="size"></skew-loader>
<moon-loader :loading="loading" :color="color" :size="size"></moon-loader>
<ring-loader :loading="loading" :color="color" :size="size"></ring-loader>
<bounce-loader :loading="loading" :color="color" :size="size"></bounce-loader>          
<dot-loader :loading="loading" :color="color" :size="size"></dot-loader>
var PulseLoader = require('vue-spinner/src/PulseLoader.vue');

new Vue({
  components: {
    'PulseLoader': PulseLoader
  }
})
import PulseLoader from 'vue-spinner/src/PulseLoader.vue'

new Vue({
  components: {
    PulseLoader
  }
})
Vue.component('pulse-loader', require('vue-spinner/src/PulseLoader.vue'));

Collection Of Loading Spinners, vue-spinner Plugin/Github, set loader until component not loaded vue js


See Demo And Download

Official Website(greyby): Click Here

This superior jQuery/javascript plugin is developed by greyby. For extra advanced usage, please go to the official website.