Vue 3-loading-shimmer - Shimmer Loading effect for Vue 3 #.\n\nA customizable Vue 3 element for creating loading glimmer impacts.\nDocuments.\n\nFeatures.\nAdjustable background shade.\nAdjustable glimmer shade.\nAdjustable time duration.\nPersonalized direction.\nSetup and consumption.\nnpm install vue3-loading-shimmer-- conserve.\nYou may make use of enroll it worldwide similar to this:.\nbring in createApp coming from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst application = createApp( Application).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen use it this in your element:.\n\nAlternatively, you can easily utilize it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Element code ...\n.\nconst application = createApp( App).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nProp.\nDescription.\nKind.\nDefault.\nNeeded.\nbgColor.\nBackground colour of the wrapper.\nString.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nDifferent colors of the glimmer result (MUST BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".untrue.period.Timeframe of the shimmer animation in milliseconds.Number.1400.misleading.path.Path of the shimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".false.Customize the component through leveraging these props to satisfy your certain necessities.Github.Perspective Github.