vue-simple-loading

simple loading css3 animation built for vue

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-simple-loading
1.1.55 years ago5 years agoMinified + gzip package size for vue-simple-loading in KB

Readme

GitHub issues GitHub forks GitHub stars
NPM
vue-simple-loading
Thanks for tobiasahlin/SpinKit. The css3 animation is copied from it.
All the things I do is built it as a vue component.
This project is built by vue 2.2.1, so you should update vue to at least version 2.

Changelog

v1.1.5 add props validator

Usage

NPM

npm install 'vue-simple-loading' -D

Import

In your .vue files, use follow code to include it
import VueLoading from 'vue-simple-loading';
Add it to components
components: {
  VueLoading,
},

Add it to the dom
<vue-loading></vue-loading>

Add spinner props

The loading style is defined by spinner.
For now, there are 11 styles of loading.
spinners: [
  'rotating-plane',
  'double-bounce',
  'wave',
  'wandering-cubes',
  'pulse',
  'chasing-dots',
  'three-bounce',
  'circles',
  'cube-grid',
  'fading-circle',
  'folding-cube'
],

Check it
Add the 'spinner' prop, e.g.
<vue-loading spinner="circles"></vue-loading>
ā€‹