Vue Easy Spinner

A simple flexible spinner component for Vue.js 3.

All of the SVGs can use directly in browser which support for SVG2.

live demo

Install

npm install --save vue-easy-spinner

Usage

Global component

entry file

import { createApp } from 'vue';
import easySpinner from 'vue-easy-spinner';
 
createApp(App)
  .use(easySpinner, {
    /*options*/
    prefix: 'easy',
  })
  .mount('#app');

<template>
  <easy-spinner />
</template>

Local component

<template>
  <easy-spinner />
</template>

import Spinner from 'vue-easy-spinner/package/Spinner.vue';
 
export default {
  components: { Spinner },
};

Single import

import Circular from 'vue-easy-spinner/package/components/circular.vue';
 
export default {
  components: { Circular },
};

props

name	desc	type	values	default
type	kinds of spinner	String	spins\circular\dots	spins
size	size of spinner	String\Number	-	-
color	color of spinner	String	-	-