vue-loading-components

Easy to use loading animations for React projects. Uses SVG animations from SamHerbert SVG-Loaders project.

Installation

npm i vue-loading-components

or

yarn add vue-loading-components

Demo

DEMO

Loading Components

• Audio
• BallTriangle
• Bars
• Circles
• Grid
• Hearts
• Oval
• Puff
• Rings
• SpinningCircles,
• TailSpin,
• ThreeDots

Example

<template>
  <Audio :width="64" :height="64" :fill="'yellow'" />
</template>

<script>
import { Audio } from 'vue-loading-components'

export default {
  name: 'HelloWorld',
  components: { Audio }
}
</script>

Props

| Name | Type | Default Value | |:------:|:------:|:---------------:| | fill | String | #ffffff | | height | Number or String | 64 (px) | | width | Number or String | 64 (px) |

License

MIT