Vue 3-loading-shimmer - Shimmer Loading effect for Vue 3 #.\n\nAn adjustable Vue 3 component for making loading shimmer impacts.\nDocumentation.\n\nAttributes.\nPersonalized history different colors.\nPersonalized glimmer different colors.\nPersonalized opportunity timeframe.\nCustomizable instructions.\nInstallment and utilization.\nnpm put up vue3-loading-shimmer-- save.\nYou can utilize register it around the globe like this:.\nimport createApp coming from \"vue\".\nimport App 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 utilize it this in your part:.\n\nConversely, you can easily utilize it straight:.\n\n\n\n\n\n\n\n\n\nBrowser with CDN.\n\n\nconst createApp = Vue.\nconst App = \n\/\/ Part code ...\n.\nconst application = createApp( Application).\napp.component(\" Shimmer\", Vue3LoadingShimmer).\napp.mount(\" #app\").\nAccessible Props.\nSet.\nDescription.\nType.\nNonpayment.\nNeeded.\nbgColor.\nHistory colour of the wrapper.\nStrand.\n\" #d 3d3d3\".\ninaccurate.\nshimmerColor.\nColour of the glimmer impact (REQUIREMENT BE IN HEX-FORMAT) e.g: \"#RRGGBB\" or \"#RGB\".\nCord.\n\"
ffffff".untrue.timeframe.Duration of the glimmer animation in milliseconds.Number.1400.inaccurate.path.Direction of the glimmer effect." left-to-right", "right-to-left", "top-to-bottom", "bottom-to-top"." left-to-right".incorrect.Individualize the element by leveraging these props to satisfy your details necessities.Github.Scenery Github.
Articles You Can Be Interested In