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