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