Skip to content

PDERAS/vue2-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Loader

A vue.js component to show a loading indicator.

How to initialize Vue Loader

Vue loader is built as a vue plugin. It can be initialized just as the Vue documentation states.

import Loader from "@pderas/vue2-loader";

Vue.use(Loader, {
    color:  'black',    // default
    type:   'bar'       // default
});

Usage

Creation

A vue loader is easily created, and usually combined with a v-if to show/hide the loader.

<loader></loader>

Properties

Property Required Type Default Description
color false String 'black' The color of the loader (can be a hex value)
type false String 'bar' The type of style to use for the loader
Available Types
  1. bar
  2. spinning-dot

Styling

Styling is currently limited, but can be expanded in the future.

License

This project is covered under the MIT License. Feel free to use it wherever you like.