@codehat/vue-css-loader

CSS Loader component for Vuejs which includes 7 CSS loading animations. The CSS works were adapted from CodePen artists

Install

npm install --save @codehat/vue-css-loade

Usage

<template>
  <div class="home">
    <vue-css-loader animation="TwinCircles"/>
  </div>
</template>

<script>
// @ is an alias to /src
import VueCssLoader  from '@codehat/vue-css-loader'
export default {
  name: "Home",
  components: {
    VueCssLoader
  },
};
</script>

Props

animation props allow us to use the following CSS animations.

• Circles
• BouncingBar
• Wave
• Dots
• TwinCircles
• SpinnerDots
• Focus

License

MIT © manojap