https://github.com/greyby/vue-spinner

vue spinners
https://github.com/greyby/vue-spinner

spinner vue vuejs

Last synced: 24 days ago
JSON representation

vue spinners

• Host: GitHub
• URL: https://github.com/greyby/vue-spinner
• Owner: greyby
• License: mit
• Created: 2015-12-19T16:00:38.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-10-09T09:20:34.000Z (over 3 years ago)
• Last Synced: 2024-05-17T15:52:18.046Z (about 1 month ago)
• Topics: spinner, vue, vuejs
• Language: Vue
• Size: 234 KB
• Stars: 1,798
• Watchers: 26
• Forks: 180
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vuejs - **vue-spinner ★240**
• awesome-vue-refactor - **vue-spinner ★240**
• awesome-stars - vue-spinner - vue spinners (JavaScript)
• repo-560-awesome-vue-cn - **vue-spinner ★131**
• awesome-stars - vue-spinner - vue spinners (Vue)
• my-awesome-stars - greyby/vue-spinner - vue spinners (Vue)
• awesome-vue-cn - **vue-spinner ★131**

README

        
# vue-spinner

> Not support Vue 2.0.

A collection of loading spinners with Vue.js. Just convert yuanyan's React.js project [Halogen](https://github.com/yuanyan/halogen) to Vue.js components. Special thanks to [yuanyan](https://github.com/yuanyan) for the wonderful project.

## [Live demo](http://greyby.github.io/vue-spinner/)

## Installation

### NPM

```bash

$ npm install vue-spinner

```

### CommonJS

```js

var PulseLoader = require('vue-spinner/src/PulseLoader.vue');

new Vue({

  components: {

    'PulseLoader': PulseLoader

  }

})

```

### ES6

```js

import PulseLoader from 'vue-spinner/src/PulseLoader.vue'

new Vue({

  components: {

    PulseLoader

  }

})

```

Or: 

```js

Vue.component('pulse-loader', require('vue-spinner/src/PulseLoader.vue'));

```

### For browserify

If you use browserify + vueify, you may need to import vue-spinner like this:

```js

var PulseLoader= require('vue-spinner/dist/vue-spinner.min').PulseLoader;

```

```js

import { PulseLoader } from 'vue-spinner/dist/vue-spinner.min.js'

```

[explain here](https://github.com/greyby/vue-spinner/issues/2)

### Browser globals

The `dist` folder contains `vue-spinner.js` and `vue-spinner.min.js` with all components exported in the window.VueSpinner object. These bundles are also available on NPM packages.

```html

  var PulseLoader = VueSpinner.PulseLoader

```

## Local setup

```

npm install

npm run dev

```

## Usage

```html

          

```

You can customize the color and size with setting the props. All props have default value. You can control the spinner show/hidden with setting the loading prop.

## TODO

## License

 vue-spinner is licensed under [The MIT License](LICENSE).