Socket
Socket
Sign inDemoInstall

vue-spinners-css

Package Overview
Dependencies
11
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0 to 1.0.1

5

package.json
{
"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"
}
}

47

README.md
# 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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc