🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

Loading

Documentation

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.


You May Also Like