Loader

A simple vue loader. Perfect for all your loader scenarios.

GitHub

Demo

Pulse

Dots

Inline

Install

npm i @vuesimple/vs-loader

Usage

<template>
  <vs-loader variant="pulse"></vs-loader>
</template>

<script>
  import VsLoader from '@vuesimple/vs-loader';

  export default {
    components: {
      VsLoader,
    },
  };
</script>

CDN

<script src="https://cdn.jsdelivr.net/npm/@vuesimple/vs-loader@3.1.6/dist/index.min.js"></script>

// Main/Entry file
app.use(VsLoader.plugin);

<template>
  <vs-loader variant="pulse"></vs-loader>
</template>

Props

Name	Type	Default	Description
variant	String	pulse	Variants: pulse, dots, inline.
color	String	#1f73b7	Loader color.
size	Number	10	Loader size.
center	Boolean	-	Center aligns the loader wrt the parent div.