Shapla-spinner NPM

shapla-spinner

A loading spinner component based on Material Design Lite Spinner for Vue.js

Installation

npm install --save shapla-spinner

Usage

Add the component:

import spinner from 'shapla-spinner';

export default {
  name: 'Hello',

  components: {
    spinner
  },

  data () {
    return {
        active:true,
    };
  }
}

<spinner :active="true" :single="false" :show-text="false" position="static"></spinner>

Props

Property	Type	Required	Default	Description
`active`	Boolean	no	`true`	Spinner will be shown only when `active` value is `true`
`single`	Boolean	no	`false`	If set `true`, only primary color will be shown for all layers.
`showText`	Boolean	no	`false`	If set `true`, `Loading...` text will be show beside spinner.
`loadingText`	String	no	`Loading...`	Loading text
`position`	String	no	`fixed`	Value can be `fixed`, `absolute`, or `static`.
`size`	String	no	`default`	Value can be `default`, `small`, or `medium` or `large`.