vue-spinners-css
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "vue-spinners-css", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"private": false, | ||
@@ -70,6 +70,3 @@ "repository": { | ||
"packageManager": "npm" | ||
}, | ||
"dependencies": { | ||
"@bit/bit.envs.bundlers.vue": "file:./components/bundlers/vue" | ||
} | ||
} |
# Vue Spinners CSS Loaders ([React](https://github.com/JoshK2/react-spinners-css), [Angular](https://github.com/JoshK2/ng-spinners)) | ||
[![bit components](https://img.shields.io/badge/dynamic/json.svg?color=6e3991&label=bit%20components&query=payload.totalComponents&url=https%3A%2F%2Fapi.bit.dev%2Fscope%2Fjoshk%2Fvue-spinners-css)](https://bit.dev/joshk/vue-spinners-css) | ||
[![npm version](https://badge.fury.io/js/vue-spinners-css.svg)](https://www.npmjs.com/package/vue-spinners-css) | ||
[![npm version](https://badge.fury.io/js/vue-spinners-css.svg?u)](https://www.npmjs.com/package/vue-spinners-css) | ||
[![GitHub stars](https://img.shields.io/github/stars/joshk2/vue-spinners-css)](https://github.com/JoshK2/vue-spinners-css/stargazers) | ||
@@ -8,7 +8,12 @@ [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/JoshK2/vue-spinners-css/master/LICENSE) | ||
<p align="center"> | ||
<a href="https://bit.dev/joshk/vue-spinners-css"><img src="https://i.imagesup.co/images2/e5832341d5d3e440221cf80650042792a99e39f7.gif"></a> | ||
</p> | ||
Amazing collection of pure CSS vue spinners components of css spinners for ajax or loading animation based on loading.io. | ||
## [Live Demo](https://bit.dev/joshk/vue-spinners-css) | ||
Browse components and explore their props with [Bit](https://bit.dev/joshk/vue-spinners-css). | ||
Install specific vue spinner component with npm, yarn, unpkg or bit without having to install the whole project. | ||
[Install components and live demo](https://bit.dev/joshk/vue-spinners-css) | ||
<p align="center"> | ||
<a href="https://bit.dev/joshk/vue-spinners-css"><img src="https://i.imagesup.co/images2/010e655fd10abc5621d067f8b8ad33c7cac7d840.gif"></a> | ||
</p> | ||
@@ -75,25 +80,23 @@ ## 🚀 List of Spinners - PropTypes and Default Props | ||
### Vue Local Registration | ||
```javascript | ||
```html | ||
<template> | ||
<FacebookLoader :color="randomcolor" /> | ||
<FacebookLoader /> | ||
<FacebookLoader :color="randomcolor" /> | ||
<FacebookLoader /> | ||
</template> | ||
<script> | ||
//using npm or yarn | ||
import { FacebookLoader } from 'vue-spinners-css'; | ||
//using bit | ||
import FacebookLoader from '@bit/joshk.vue-spinners-css.facebook-loader'; | ||
import { getRandomColor } from '@bit/joshk.jotils.get-random-color' | ||
//using npm or yarn | ||
import { FacebookLoader } from 'vue-spinners-css'; | ||
//using bit | ||
import FacebookLoader from '@bit/joshk.vue-spinners-css.facebook-loader'; | ||
import { getRandomColor } from '@bit/joshk.jotils.get-random-color' | ||
export default ( | ||
{ | ||
data: () => ({ | ||
randomcolor: getRandomColor() | ||
}), | ||
components: { | ||
FacebookLoader, | ||
} | ||
} | ||
) | ||
export default ({ | ||
data: () => ({ | ||
randomcolor: getRandomColor() | ||
}), | ||
components: { | ||
FacebookLoader, | ||
} | ||
}) | ||
</script> | ||
@@ -100,0 +103,0 @@ ``` |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
233951
2
132