Skip to content

Ahmedreda20/vue-custom-spinner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Svg Spinner

Only support Vue 2.0.

Custom Vue spinner SVG component only one spinner

Live demo

Installation

NPM

 npm install --save  vue-custom-spinner

CommonJS

var VueCustomSpinner = require('vue-custom-spinner');

new Vue({
  components: {
    'v-spinner': VueCustomSpinner,
    'spinner': VueCustomSpinner, // or
     ....
    // any name would you like to name to use  the component
  }
})

ES6

import VueCustomSpinner from 'vue-custom-spinner';

new Vue({
  components: {
    VueCustomSpinner,
  },
});

Or:

Vue.component('v-spinner', require('vue-custom-spinner'));

Browser globals

The dist folder contains vue-custom-spinner.umd.js and vue-custom-spinner.umd.min.js

<script src="path/to/vue.js"></script>
<script src="path/to/vue-custom-spinner/dist/vue-custom-spinner.umd.js"></script>
// or
<script src="path/to/vue-custom-spinner"></script>
<script>
  var app = new Vue({
    el: '#app',
    components: {
      VueCustomSpinner,
    },
  });
</script>

Usage

<spinner :size="'sm'" width="2" />

You can customize the width and size with setting the props. All props have default value. You can control the spinner show/hidden with setting the loading prop.

Props

props default Type
size sm string Available sizes ['sm' , 'md' , 'lg' , 'xl'] you can set your custom
width 3 string - number -

want to see more features? Contact me

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages