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.