3.0.9 • Published 6 months ago
@vuesimple/vs-loader v3.0.9
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.9
6 months ago
3.0.8
6 months ago
3.0.7
1 year ago
3.0.6
1 year ago
3.0.4
2 years ago
3.0.3
2 years ago
3.0.2
2 years ago
3.0.1
2 years ago
3.0.5
2 years ago
3.0.0
2 years ago
1.4.15
2 years ago
1.4.14
2 years ago
1.4.18
2 years ago
1.4.13
3 years ago
1.4.12
3 years ago
1.4.9
3 years ago
1.4.11
3 years ago
1.4.8
3 years ago
1.4.10
3 years ago
1.4.6
3 years ago
1.4.5
3 years ago
1.4.4
3 years ago
1.4.3
3 years ago
1.4.2
3 years ago
1.4.1
3 years ago
1.4.0
4 years ago
1.3.41
4 years ago
1.3.40
4 years ago
1.3.39
4 years ago
1.3.36
4 years ago
1.3.37
4 years ago
1.3.38
4 years ago
1.3.35
4 years ago
1.3.34
4 years ago
1.3.33
4 years ago
1.3.32
4 years ago
1.3.31
4 years ago
1.3.30
4 years ago
1.3.29
4 years ago
1.3.28
4 years ago
1.3.2
4 years ago
1.3.1
4 years ago
1.3.0
4 years ago