1.0.0 • Published 3 years ago

@shapla/vue-spinner v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Shapla Spinner

A loading spinner component for Vue 3

Table of contents

Installation

npm install --save @shapla/vue-spinner

Usage

Styles

with Sass:

import '@shapla/vue-spinner/src/index.scss';

with CSS:

import '@shapla/vue-spinner/dist/style.css';

Javascript Instantiation

import ShaplaSpinner from '@shapla/vue-spinner';

export default {
  name: 'Hello',

  components: {
    ShaplaSpinner
  },

  data () {
    return {
        active:true,
    };
  }
}
<shapla-spinner :active="true" :single="false" :show-text="false" position="static"/>

Props

PropertyTypeRequiredDefaultDescription
activeBooleannotrueSpinner will be shown only when active value is true
singleBooleannofalseIf set true, only primary color will be shown for all layers.
showTextBooleannofalseIf set true, Loading... text will be show beside spinner.
loadingTextStringnoLoading...Loading text
positionStringnofixedValue can be fixed, absolute, or static.
sizeStringnodefaultValue can be default, small, or medium or large.