Vue 3 UI preloader - Vue.js Feed #.\n\nvue3-ui-preloader is a Pre Loader components for Vue 3.\n\nTrial as well as playground.\nStay demonstration - https:\/\/vue3-ui-preloader.netlify.app\/.\nPlaying field Site.\nAdjust the settings utilizing the play area alternatives. On the bottom of the webpage you will find the resource code that you may directly use in your task or you can personally alter the props.\nnpm link - https:\/\/www.npmjs.com\/package\/vue3-ui-preloader.\nVue 3 strike hyperlink - https:\/\/stackblitz.com\/edit\/vue-caijgu?file=src%2FApp.vue.\nSetup.\n# use anecdote.\nyarn include vue3-ui-preloader.\n# use npm.\nnpm mount-- spare vue3-ui-preloader.\nUsage.\nVue 3 assault link - https:\/\/stackblitz.com\/edit\/vue-caijgu?file=src%2FApp.vue.\nIn your main.js.\nbring in createApp coming from 'vue'.\nbring in App coming from '.\/ App.vue'.\nbring in loader from \"vue3-ui-preloader\".\n\n\/\/ Import the CSS or even use your very own!\nimport \"vue3-ui-preloader\/dist\/loader. css\".\n\nconst application = createApp( App).\n\napp.component(' loader', loading machine).\n\napp.mount(' #app').\nIn your template.\n\n\n\n\nNOTE: The greatest way to manage the loading machine is actually to have a banner and use it in a v-if or v-show statement.You can either utilize the play area website to immediately obtain all the props prepared or you may specify them manaully utilizing the under uphold list. You can easily also turn to not passing any kind of uphold, in this particular scenario the preloader will definitely make use of default settings.\n\nVia CDN.\nCDN demo hyperlink - https:\/\/jsfiddle.net\/1t0jyeqh\/10\/.\nIn your index.html.\n\n\nIn your theme.\n\n\n\nIn your main.js.\nconst createApp = Vue.\n\nconst application = createApp( loader).\n\napp.mount(' #app').\nProps.\nName.\nType.\nDefault.\nExplanation.\nname.\nstrand.\n' spinning'.\ndecides the type of loading machine. (Ex: rotating, dots, loading, circular, box).\nobject.\nstring.\n' #ff 9633'.\nset the color of the loaders. (Ex: hex or color).\nloadingText.\nstrand.\n' PACKING ...'.\nspecified the text of some loading machines.\ntextColor.\nstring.\n' #ffffff'.\nspecified the colour of the loadingText. (Ex: hex or color).\ntextSize.\nvariety.\n' 15'.\nestablished the measurements of the loadingText.\ntextWeight.\nnumber\/string.\n' 800'.\nestablished the body weight of the loadingText. (Ex-spouse: 800, bold).\ncolor1.\nstring.\njust for rounded.\nprepared the different colors of the round loading machine disk1. (Ex-spouse: hex or even shade).\ncolor2.\nstring.\nonly for circular.\nspecified the different colors of the rounded loader disk2. (Ex: hex or shade).\nmeasurements.\namount.\n5.\nspecified the dimension of loading machine.\nbg.\ncord.\n' # 343a40'.\nspecified the shade of the loader background. (Ex-spouse: hex or even shade).\nobjectbg.\ncord.\n'

999793'.prepared the shade of the loader things history. (Ex: hex or even color).opacity.variety.80.set the opacity of background.velocity.number.2.computer animation rate in seconds.disableScrolling.boolean.incorrect.disable webpage scrolling when preloader is open.