Vue 3-loading-shimmer - Glimmer Launching result for Vue 3 #.\n\nA customizable Vue 3 part for creating loading glimmer impacts.\nPaperwork.\n\nFunctions.\nCustomizable history colour.\nCustomizable shimmer colour.\nCustomizable opportunity length.\nPersonalized path.\nSetup and utilization.\nnpm put up vue3-loading-shimmer-- conserve.\nYou can easily make use of enroll it around the globe enjoy this:.\nimport createApp coming from \"vue\".\nimport Application coming from \".\/ App.vue\".\nimport vue3LoadingShimmer from \"vue3-loading-shimmer\".\n\nconst application = createApp( App).\n\napp.component(\" vue3-loading-shimmer\", vue3LoadingShimmer).\nat that point utilize it this in your part:.\n\nConversely, you can utilize it directly:.\n\n\n\n\n\n\n\n\n\nInternet browser with CDN.\n\n\nconst createApp = Vue.\nconst Application = \n\/\/ Component code ...\n.\nconst application = createApp( Application).\napp.component(\" Glimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nProp.\nClassification.\nType.\nDefault.\nNeeded.\nbgColor.\nBackground color of the wrapper.\nStrand.\n\" #d 3d3d3\".\nuntrue.\nshimmerColor.\nColour of the glimmer impact (REQUIREMENT REMAIN IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".misleading.period.Length of the glimmer animation in milliseconds.Amount.1400.inaccurate.instructions.Path of the glimmer result." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".inaccurate.Individualize the component through leveraging these props to satisfy your particular demands.Github.View Github.
Articles You Can Be Interested In