Vue 3 UI preloader - Vue.js Nourished #.\n\nvue3-ui-preloader is actually a Pre Loader components for Vue 3.\n\nDemo and play area.\nReside trial - https:\/\/vue3-ui-preloader.netlify.app\/.\nPlay area Internet site.\nAdjust the environments utilizing the play area alternatives. Under of the web page you are going to locate the resource code that you may straight utilize in your job or even you can by hand change the props.\nnpm hyperlink - https:\/\/www.npmjs.com\/package\/vue3-ui-preloader.\nVue 3 blitz hyperlink - https:\/\/stackblitz.com\/edit\/vue-caijgu?file=src%2FApp.vue.\nInstallment.\n# make use of yarn.\nanecdote add vue3-ui-preloader.\n# use npm.\nnpm set up-- conserve vue3-ui-preloader.\nUsage.\nVue 3 blitz hyperlink - https:\/\/stackblitz.com\/edit\/vue-caijgu?file=src%2FApp.vue.\nIn your main.js.\nbring in createApp from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nbring in loader coming from \"vue3-ui-preloader\".\n\n\/\/ Bring in the CSS or even utilize your personal!\nbring in \"vue3-ui-preloader\/dist\/loader. css\".\n\nconst application = createApp( Application).\n\napp.component(' loader', loading machine).\n\napp.mount(' #app').\nIn your theme.\n\n\n\n\nTAKE NOTE: The most ideal technique to handle the loading machine is actually to have a flag and use it in a v-if or v-show statement.You can either use the play area site to instantly acquire all the props prepared or even you can easily establish them manaully using the below set checklist. You may also turn to not passing any type of uphold, in this particular situation the preloader will use nonpayment setups.\n\nVia CDN.\nCDN demo hyperlink - https:\/\/jsfiddle.net\/1t0jyeqh\/10\/.\nIn your index.html.\n\n\nIn your template.\n\n\n\nIn your main.js.\nconst createApp = Vue.\n\nconst app = createApp( loading machine).\n\napp.mount(' #app').\nProps.\nName.\nKind.\nDefault.\nDescription.\nname.\ncord.\n' rotating'.\nmakes a decision the type of loading machine. (Ex-spouse: spinning, dots, loading, round, box).\nthings.\ncord.\n' #ff 9633'.\nprepared the different colors of the loaders. (Ex-spouse: hex or even color).\nloadingText.\nstrand.\n' FILLING ...'.\nset the content of some loading machines.\ntextColor.\nstring.\n' #ffffff'.\nspecified the color of the loadingText. (Ex: hex or even shade).\ntextSize.\nvariety.\n' 15'.\nprepared the size of the loadingText.\ntextWeight.\nnumber\/string.\n' 800'.\nestablished the body weight of the loadingText. (Ex-spouse: 800, strong).\ncolor1.\nstrand.\njust for round.\nestablished the different colors of the rounded loader disk1. (Ex: hex or even different colors).\ncolor2.\nstring.\njust for round.\nprepared the color of the circular loader disk2. (Ex-boyfriend: hex or even different colors).\ndimension.\nnumber.\n5.\nspecified the dimension of loader.\nbg.\nstring.\n' # 343a40'.\nestablished the colour of the loader background. (Ex: hex or even different colors).\nobjectbg.\nstrand.\n'
999793'.specified the color of the loader things history. (Ex: hex or shade).opacity.number.80.specified the opacity of history.rate.amount.2.animation velocity in seconds.disableScrolling.boolean.untrue.disable page scrolling when preloader levels.