Vue 3-loading-shimmer - Shimmer Loading result for Vue 3 #.\n\nAn adjustable Vue 3 element for producing loading glimmer impacts.\nPaperwork.\n\nFunctions.\nCustomizable background different colors.\nPersonalized shimmer colour.\nAdjustable time duration.\nAdjustable direction.\nSetup and also consumption.\nnpm set up vue3-loading-shimmer-- conserve.\nYou may make use of enroll it around the world enjoy this:.\nimport createApp coming from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer coming from \"vue3-loading-shimmer\".\n\nconst app = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nthen utilize it this in your part:.\n\nConversely, you can easily utilize it directly:.\n\n\n\n\n\n\n\n\n\nBrowser along with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Component code ...\n.\nconst application = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nOn call Props.\nProp.\nClassification.\nStyle.\nDefault.\nCalled for.\nbgColor.\nBackground shade of the wrapper.\nStrand.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nDifferent colors of the glimmer impact (REQUIREMENT RESIDE IN HEX-FORMAT) e.g: \"#RRGGBB\" or even \"#RGB\".\nStrand.\n\"
ffffff".inaccurate.length.Timeframe of the glimmer animation in nanoseconds.Number.1400.untrue.path.Direction of the glimmer impact." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Individualize the component by leveraging these props to satisfy your specific necessities.Github.Viewpoint Github.
Articles You Can Be Interested In