@codehat/vue-css-loader

Vue CSS Loader animation component

Usage no npm install needed!

<script type="module">
  import codehatVueCssLoader from 'https://cdn.skypack.dev/@codehat/vue-css-loader';
</script>

README

@codehat/vue-css-loader

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

NPM JavaScript Style Guide

Install

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

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
  },

Props

animation props allow us to use the following CSS animations.

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

License

MIT © manojap