Vue3 preloader component made with CSS transistions and animations, easy to use, integrate and customize.
npm install vue3-ui-preloader!logo







Remake made from: Vue-ui-preloader.
"overflowHidden" class remained active after the first use.
bash
use yarn
yarn add vue3-ui-preloader
use npm
npm install --save vue3-ui-preloader
`
Usage
Vue 3 blitz link - https://stackblitz.com/edit/vue-caijgu?file=src%2FApp.vue
In your main.js
`js
import { createApp } from 'vue'
import App from './App.vue'
import loader from "vue3-ui-preloader";
// Import the CSS or use your own!
import "vue3-ui-preloader/dist/loader.css"
const app = createApp(App)
app.component('loader', loader)
app.mount('#app')
`
In your template
`vue
`
>NOTE: The best way to control the loader is to have a flag and use it in a v-if or v-show statement.
>You can either use the playground website to automatically get all the props set or you can set them manaully using the below prop list. You can also resort to not passing any prop, in this case the preloader will use default settings.
Via CDN
CDN demo link - https://jsfiddle.net/1t0jyeqh/10/
In your index.html
`html
`
In your template
`html
`
In your main.js
`js
const { createApp } = Vue
const app = createApp(loader)
app.mount('#app')
``