vueloaderspinners

VueLoaders

Installation

To install this package, use npm:

npm install vueloaderspinners --save

Usage

Default example:

<template>
  <div id="app">
    <Loader/>
  </div>
</template>

<script>

import Loader from 'vueloaderspinners'
export default {
  name: 'App',
  components: {
    Loader
  }
}
</script>

This will result to default loader:

Options

You can change loader color and type options:

<Loader color="red" loaderType="default" />

set default loader's container width to height+4px, example: height = 24px; width: 28px;

Loaders

<Loader loaderType="infinity" />

<Loader loaderType="bubble" />

<Loader loaderType="ball" />

<Loader loaderType="bubble-spin" />

<Loader loaderType="loading-text" />

<Loader loaderType="rain-drop" />

<Loader loaderType="gears" />