vue-custom-spinner
v0.1.0
Published
> Only support Vue 2.0.
Downloads
4
Maintainers
Readme
Vue Svg Spinner
Only support Vue 2.0.
Custom Vue spinner SVG component only one spinner
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