https://github.com/devmnj/vue-css-loader

Vue-css-loader component for showing loading animation
https://github.com/devmnj/vue-css-loader

css-loading-animations vue-components

Last synced: 5 days ago
JSON representation

Vue-css-loader component for showing loading animation

• Host: GitHub
• URL: https://github.com/devmnj/vue-css-loader
• Owner: devmnj
• Created: 2021-07-04T04:45:38.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-13T02:58:22.000Z (over 3 years ago)
• Last Synced: 2024-10-07T16:35:54.136Z (about 1 month ago)
• Topics: css-loading-animations, vue-components
• Language: Vue
• Homepage:
• Size: 562 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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](https://img.shields.io/npm/v/@codehat/vue-css-loader.svg)](https://www.npmjs.com/package/@codehat/vue-css-loader) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash

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

```

## Usage

```javascript

  


    

  


// @ 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](https://github.com/manojap)