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 | - | - |