Configurable Loading Spinner Component For Vue

Description:

A highly configurable loading spinner component for Vue 2+ apps. You can customize the color, size, depth, clockwise, speed by overriding the default props.

Usage:

Import the component.

import Spinner from 'vue-spinner-component'

new Vue({
  components: {
    Spinner
  }
})

Create a loading spinner.

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

Default props.

status: {
  type: Boolean,
  default: true
},
clockwise: {
  type: Boolean,
  default: true
},
size: {
  type: Number,
  default: 30
},
depth: {
  type: Number,
  default: 3
},
speed: {
  type: Number,
  default: 1.0
},
color: {
  type: String,
  default: '#6589b6'
}

Preview:

Download Details:

Author: sergeyloysha

Live Demo: https://sergeyloysha.github.io/vue-spinner-component/

Download Link: https://github.com/sergeyloysha/vue-spinner-component/archive/master.zip

Official Website: https://github.com/sergeyloysha/vue-spinner-component

Last Update: December 5, 2017

Views Total: 442

Install:

# NPM
$ npm install vue-spinner-component --save