3.0.6 • Published 15 days ago
@vuesimple/vs-loader v3.0.6
Vue Simple Loader
🗃 A simple vue loader. Perfect for all your loader scenarios.
A light weight vue plugin built groundup.
📺 Live Demo
Code Sandbox: Link
🛠 Install
npm i @vuesimple/vs-loader
🚀 Usage
<template>
<vs-loader variant="pulse"></vs-loader>
</template>
<script>
import VsLoader from '@vuesimple/vs-loader';
export default {
components: {
VsLoader,
},
};
</script>
🌎 CDN
<script src="https://unpkg.com/@vuesimple/vs-loader/dist/vs-loader.min.js"></script>
// Main/Entry file
app.use(VsLoader.plugin);
<template>
<vs-loader variant="pulse"></vs-loader>
</template>
Nuxt Code Snippet
After installation,
Create a file
/plugins/vs-loader.js
import Vue from 'vue'; import VsLoader from '@vuesimple/vs-loader'; Vue.component('vs-loader', VsLoader);
Update
nuxt.config.js
module.exports = { ... plugins: [ { src: '~plugins/vs-loader', mode: 'client' } ... ] }
In the page/ component
<template> <vs-loader variant="pulse"></vs-loader> </template>
Note
- For older Nuxt versions, use
<no-ssr>...</no-ssr>
tag. - You can also do
import VsLoader from '@vuesimple/vs-loader'
& add incomponent:{VsLoader}
and use it within component, without globally installing in plugin folder.
⚙ Props
Name | Type | Default | Description |
---|---|---|---|
variant | String | pulse | Variants: pulse , dots , inline . |
color | String | #1f73b7 | Loader color. |
size | Number | 10 | Loader size. |
center | Boolean | - | Center aligns the loader wrt the parent div. |
3.0.6
15 days ago
3.0.4
7 months ago
3.0.3
7 months ago
3.0.2
7 months ago
3.0.1
7 months ago
3.0.5
7 months ago
3.0.0
7 months ago
1.4.15
8 months ago
1.4.14
8 months ago
1.4.18
8 months ago
1.4.13
1 year ago
1.4.12
1 year ago
1.4.9
2 years ago
1.4.11
2 years ago
1.4.8
2 years ago
1.4.10
2 years ago
1.4.6
2 years ago
1.4.5
2 years ago
1.4.4
2 years ago
1.4.3
2 years ago
1.4.2
2 years ago
1.4.1
2 years ago
1.4.0
3 years ago
1.3.41
3 years ago
1.3.40
3 years ago
1.3.39
3 years ago
1.3.36
3 years ago
1.3.37
3 years ago
1.3.38
3 years ago
1.3.35
3 years ago
1.3.34
3 years ago
1.3.33
3 years ago
1.3.32
3 years ago
1.3.31
3 years ago
1.3.30
3 years ago
1.3.29
3 years ago
1.3.28
3 years ago
1.3.2
3 years ago
1.3.1
3 years ago
1.3.0
3 years ago