This is a zero-dependency VueJS adaptation of Sam Herberts SVG Loaders library.
Inspired by svg-loaders-react

Usage

Install from NPM

npm install svg-loaders-vue

Import the SVGLoaders components

Import loader

import { Bars } from 'svg-loaders-vue'

and use it

<Bars />

Components

<Audio />

<BallTriangle />

<Bars />

<Circles />

<Grid />

<Hearts />

<Oval />

<Puff />

<Rings />

<SpinningCircles />

<TailSpin />

<ThreeDots />

Props

To adjust the size, pass height and width property with desired value. Any other properties passed to the component will be automatically applied.
Check SVG Presentation Attributes for customizing the SVG.

Example Usage

<Puff stroke="green" />

<Bars :height="60" />

<Circles :height="48" fill="red" />

To Do

• Unit Test