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
Install & Download:
# NPM
$ npm install vue-spinner-component --save