Vue 3-loading-shimmer - Shimmer Loading effect for Vue 3 #.\n\nAn adjustable Vue 3 element for developing loading shimmer impacts.\nPaperwork.\n\nFeatures.\nPersonalized background shade.\nAdjustable shimmer colour.\nPersonalized time duration.\nAdjustable instructions.\nInstallment and consumption.\nnpm install vue3-loading-shimmer-- conserve.\nYou can easily make use of register it globally similar to this:.\nimport createApp from \"vue\".\nbring in Application from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point use it this in your element:.\n\nAs an alternative, you can easily use it straight:.\n\n\n\n\n\n\n\n\n\nInternet browser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst app = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOn call Props.\nSet.\nDescription.\nKind.\nDefault.\nNeeded.\nbgColor.\nBackground colour of the wrapper.\nString.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nColour of the shimmer effect (NECESSITY BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nString.\n\"
ffffff".incorrect.timeframe.Period of the glimmer animation in milliseconds.Amount.1400.misleading.path.Path of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Customize the element through leveraging these props to meet your specific necessities.Github.Sight Github.
Articles You Can Be Interested In