Configurable Loading Spinner Component For Vue

Configurable Loading Spinner Component For Vue

A highly configurable loading spinner component for Vue apps.

Vue Spinner Component

Demo

Usage

<spinner
  :status="spinnerStatus"
  :color="spinnerColor"
  :size="spinnerSize"
  :depth="spinnerDepth"
  :rotation="spinnerRotation"
  :speed="spinnerSpeed"></spinner>

Installation

NPM

$ npm install vue-spinner-component

CommonJS

var Spinner = require('vue-spinner-component/src/Spinner.vue');

new Vue({
  components: {
    Spinner
  }
})

ES6

import Spinner from 'vue-spinner-component/src/Spinner.vue'

new Vue({
  components: {
    Spinner
  }
})

Or:

Vue.component('spinner', require('vue-spinner-component/src/Spinner.vue'));

Local setup

npm install
npm run dev

You can customize the color, size, depth, rotation, speed with setting the props. All props have default value.

License

vue-spinner-component is licensed under The MIT License.

Github Repository

Tags: #VueJs